/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,600i,700,800');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap'); */

/*
font-family: 'Open Sans', sans-serif;

font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif;

*/

/* body{
	font-family: 'Open Sans', sans-serif;
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
	
}
p{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #3a3939;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 10px;
    padding-bottom: 0px;	
}
h4 {
    font-family: 'Roboto Slab', serif;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #383838;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}
h4.headerTxt::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 10px;
  height: 2px;
  background: #28166f;
}*/

a,a:hover,button,button:hover {
  text-decoration: none;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
a:focus,a:hover {
  outline:none;
  outline-offset:0;
  text-decoration:none;
}
ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.center-block{
	display:block;
	margin:0px auto;
}
.uppercase{
	text-transform:uppercase !important;
}
.txtBold{
	font-weight: 700 !important;
}

/* .container {
  max-width: 80%;
}
.half{
  width: 50%;
  float: left;
} */

/*------- Banner // start ----------*/



.page-header.slider .img {
  height: 750px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.page-header.slider .img .caption,
.page-header.slider .caption,
.BannerTextArea{
  position: absolute;
  bottom: 10%;
  left: 50%;
  right: 0;
  width: 80%;
  text-align: center;
  transform: translateX(-50%);
  z-index:100;
}
.page-header.slider .img .caption h2,
.page-header.slider .caption h2,
.BannerTextArea h2,
.page-header.slider .img .caption h1,
.page-header.slider .caption h1,
.BannerTextArea h1{
	margin-bottom: 20px;
/*    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);*/
    font-size: 38px;
    line-height: normal;
	font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*opacity: 0;*/
    -webkit-transition: all .8s ease .8s;
    transition: all .8s ease .8s;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.page-header.slider .img .caption h2 span,
.page-header.slider .caption h2 span,
.BannerTextArea h2 span,
.BannerTextArea p span,
.BannerTextArea h1 span,
.page-header.slider .img .caption h1 span,
.page-header.slider .caption h1 span,
.BannerTextArea h1 span{
  color: #28166f;
}
.page-header.slider .img .caption p,
.page-header.slider .caption p,
.BannerTextArea p,
.BannerTextArea h1{
  font-size: 16px;
  color: #ffffff;
  /* opacity: 0; */
  line-height: normal;
  -webkit-transition: all .8s ease 1.5s;
  transition: all .8s ease 1.5s;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0px;
  margin-bottom: 20px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.BannerTextArea p strong,.BannerTextArea h1 strong{
	font-weight: 700;	
}

.page-header.slider .img .caption p.catgText,
.page-header.slider .caption p.catgText{
  -ms-transform: translateY(15px);
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: all .9s ease 1.5s;
  transition: all .9s ease 1.5s;
  /*opacity: 0;*/
  /*font-family: 'Montserrat', sans-serif;*/
    font-family: 'Lustria', serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
  letter-spacing:1px;
  margin-bottom:10px;	
}
.page-header.slider .img .caption .specsArea{
  width: 100%;
  float: left;
  margin: 40px 0 50px;
}
.page-header.slider .img .caption .specsArea li{
  width: 19%;
  display: inline-block;
}
.page-header.slider .img .caption .specsArea li img{
  width: auto;
  opacity: 0;
  -ms-transform: translateY(20px);
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all .8s ease 1.5s;
  transition: all .8s ease 1.5s;
}
.page-header.slider .img .caption .specsArea li p{
  text-transform: uppercase;
  padding: 0px;
  margin: 0px;
}



.page-header.slider .img .caption .btn-wrapper {
  display: inline-block;
  opacity: 0;
  -ms-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .6s ease 1.8s;
  transition: all .6s ease 1.8s;
}
.page-header.slider .img .caption .btn-wrapper:nth-child(even) {
  -webkit-transition: all .4s ease 2s;
  transition: all .4s ease 2s;
}
.page-header.slider .img .caption .btn-wrapper a.primary-btn,
a.primary-btn,button.primary-btn{
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px;
	display:inline-block;
	padding:15px 30px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	text-decoration:none;
	color:#fff;
	background:#b90c28;
	border:2px solid #b90c28;
	margin-right:10px;
}
.page-header.slider .img .caption .btn-wrapper a.primary-btn:hover,
a.primary-btn:hover,button.primary-btn:hover{
	color:#fff;
	background:#4e0a87;
	border:2px solid #4e0a87;	
}
.page-header.slider .img .caption .btn-wrapper a.secondary-btn,
a.secondary-btn{
	/*font-family: 'Roboto Slab', serif;*/
	/*font-family: 'Arvo', serif;*/
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px;
	display:inline-block;
	padding:15px 30px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	text-decoration:none;
	color:#fff;
	background:rgba(255,255,255,0.2);
	border:2px solid #fff;
}
.page-header.slider .img .caption .btn-wrapper a.secondary-btn:hover,
a.secondary-btn:hover{
	color:#b90c28;
	background:rgba(255,255,255,1);
	border:2px solid #fff;	
}

.page-header.slider .img.big {
  height: 100vh;
}
.page-header.slider .active .img .caption h2,
.page-header.slider .active .img .caption p,
.page-header.slider .active .img .caption .btn-wrapper,
.page-header.slider .active .img .caption i img,
.page-header.slider .active .img .caption p.catgText,
.page-header.slider .img .caption .specsArea li img{
  opacity: 1;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.page-header.regular .img {
 	height: 150px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-header.regular .img .caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.page-header.regular .img .caption h2 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -2px;
  line-height: 1;
}
.page-header.regular .img .caption p {
  margin: 0;
}
.page-header.regular .img.google-maps {
  height: 400px;
}
.page-header .container {
  position: relative;
  height: 100%;
}

.page-header.slider .img.Banner1{
	background-image:url("../img/banner_1.jpg");	
}
.page-header.slider .img.Banner2{
	background-image:url("../img/banner_2.jpg");
}
.page-header.slider .img.Banner3{
	background-image:url("../img/banner_3.jpg");
}




@media (max-width: 575px) {
  .page-header.slider .img {
    max-height: 100vh !important;
  }
  /*.page-header.slider .img .caption {
    position: absolute;
    top: 25%;
    left: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.8);
    padding: 30px;
    text-align: center !important;
  }*/
  .page-header.slider .img .caption h2 {
    font-size: 28px;
    letter-spacing: 0px;
  }
  .page-header.slider .img .caption p {
    font-size: 14px;
  }
}
@media (max-width: 991px) {

}
@media (min-width: 768px) {
  .page-header.regular .img {
    height: 250px;
  }
.page-header.regular .img .caption h2 {
  font-size: 44px;
  letter-spacing: -2px;
}
  .page-header.regular .img .caption p {
    margin: 20px 0 0;
  }
}

/*------- Banner // end ----------*/


/*---------- Res booking ----------*/

.resBookingSection,
.contactFormSection,
.mobileMenuSlideSection{
    width: 400px;
    float: left;
    padding: 0px;
    position: fixed;
    margin-top: 0;
    z-index: 1;
	background: rgba(0,0,0,0.9);
	right: 0%;
    top: 60px;
    height: calc(100vh - 60px);
    z-index: 1000;
	margin-right:-400px;
	
	-webkit-transition: margin-right .6s ease;
	-moz-transition: margin-right .6s ease;
	-ms-transition: margin-right .6s ease;
	-o-transition: margin-right .6s ease;
	transition: margin-right .6s ease;	
}

.resBookingSection.open,
.contactFormSection.open,
.mobileMenuSlideSection.open{
	margin-right:0px;
	
  -webkit-transition: margin-right .6s ease;
  -moz-transition: margin-right .6s ease;
  -ms-transition: margin-right .6s ease;
  -o-transition: margin-right .6s ease;
  transition: margin-right .6s ease;	
}
.resBookingSection .formTop,
.resBookingSection .formBottom,
.contactFormSection .formTop,
.contactFormSection .formBottom{
	width:100%;
	float:left;
}
.resBookingSection .formTop{
	padding: 30px;

	/*height: 50vh;
  	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;*/
}
.resBookingSection .formBottom{
	position:absolute;
	left:0;
	bottom:0;
}
.resBookingSection .formBottom .submit{
	padding:0px;
	margin:0px;
}
.resBookingSection .formBottom .submit .bookingBtn{
	margin-top:0px;
	
}

.resBookingSection .resLeftSection{
  width: 20%;
  float: left;
}
.resBookingSection .resMiddleSection{
  width: 60%;
  float: left;
}
.resBookingSection .resRightSection{
  width: 20%;
  float: left;
}
.resBookingSection .rb-col.prop,
.resBookingSection .rb-col.datefrm,
.resBookingSection .rb-col.dateto,
.resBookingSection .rb-col.room,
.resBookingSection .rb-col.adult,
.resBookingSection .rb-col.child,
.resBookingSection .rb-col.cupcode,
.resBookingSection .rb-col.selectProperty{
  max-width: 100% !important;
  width: 100%;
  padding: 0px;
  position:relative;
}
/*.resBookingSection .rb-col.room,
.resBookingSection .rb-col.adult,
.resBookingSection .rb-col.child,
.resBookingSection .rb-col.cupcode {
  margin-bottom: 0px;
}*/
.resBookingSection h4{
  font-family: 'Montserrat', sans-serif;
  font-size: 19px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 28px;
  padding: 18px 0 0 0;
  margin: 0px;
}
.resBookingSection h4 span{
  text-transform: uppercase;
  color: #e2b80e;
}
.rb-col input, .rb-col select {
    background-color: transparent;
    border: none;
    color: #fff;
    border-bottom: 2px solid #fff;
    padding-left: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
}
.rb-col select:hover,
.rb-col select:focus {
  color: #fff;
}
.rb-col select option {
  color: #000000;
}

.rb-col input::-webkit-input-placeholder {
  color: #fff;
}
.rb-col input::-moz-placeholder {
  color: #fff;
}
.rb-col input:-ms-input-placeholder {
  color: #fff;
}
.rb-col input:-moz-placeholder {
  color: #fff;
}
.rb-col input.calender {
  background-image: url(../img/calendar2.png);
}

.rb-col input:hover, .rb-col input:focus, .rb-col input:active, .rb-col select:hover, .rb-col select:focus, .rb-col select:active, .rb-col input::placeholder {
  color: #fff;
}

.rb-col.submit {
  max-width: 100%;
  width: 100%;
  padding: 0px;
}
.resBookingSection .submit .bookingBtn,
.bookingBtn{
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 20px 10px;
  height: auto;
  margin-top: 25px;
  cursor: pointer;
}
.resBookingSection .submit .bookingBtn:hover,
.bookingBtn:hover{
  color: #000000;
}

.resBookingSection .submit .bookingBtn:hover,
.bookingBtn:hover{
	background:#fff;
	border:1px solid #fff;
	color:#000000;
}

/*----------- navigation ----------*/

.topNavSection{
  width: 100%;
  float: left;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0; 
  padding: 10px 30px;

  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.topNavSection.fixed{
  position: fixed;
  left: 0;
  top: -1px;
  background: #fff;
  padding: 10px 10px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.05);

  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.topNavSection .logoSection{
  width: 30%;
  float: left;
}
.topNavSection .menuSection{
  width: 70%;
  float: left;
  text-align: right;
}
/* .topNavSection.fixed .menuSection{
	width:100%;
} */

.topNavSection .logoSection a{
  display: block;
}
.topNavSection .menuSection ul li{
  /* display: inline-block; */
  vertical-align: top;
}
.topNavSection .menuSection ul li a{
  display: block;
  padding: 0px 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  line-height: 40px;
  text-align: left;
}
.topNavSection .menuSection li .sub-menu a{
  color: #000;
  text-transform: none;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.4px;
  line-height: normal;
  padding: 10px 10px;
}
.topNavSection .menuSection ul li a:hover{
    color: #000000;	
}
.topNavSection .menuSection ul li a span{
  color: #f6c55d;
}
.topNavSection .menuSection ul li a i{
  margin-top: 0;
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
}


.topNavSection .menuSection ul li .dl-menuwrapper li{
  float: left;
  width: 100%;
}

.topNavSection.fixed a.defaultLogo img{
  width: 50%;
}
.topNavSection.fixed a.fixedLogo{
  display: block;
}
.topNavSection a.fixedLogo{
  display: none;
}

.topNavSection.fixed .menuSection ul li a{
  color: #000000;
    /* line-height: 40px; */
}
.topNavSection.fixed .menuSection .dl-menuwrapper ul li a{
  line-height: 45px;
  color: #000000;
  font-size: 12px;
  border-bottom: 1px solid #f4f4f4;
}
.topNavSection.fixed .dl-menuwrapper .dl-menu {
  margin: 10px 0 0 0;
}
.topNavSection.fixed .dl-menuwrapper ul {
  background: #fff;
}

.ourSpacesArea{
  width: 100%;
  float: left;
  background: #efefef;
  margin: 150px 0 100px;
  padding: 50px 0;
}
.ourSpacesGalleryArea{
  width: 100%;
  float: left;
  position: relative;
  margin-top: -130px;
}
.ourSpacesGalleryArea .DisplayedImageArea{
  width: 100%;
  float: left;
  position: relative;
  z-index: 10;
}
.ourSpacesGalleryArea::after{
  content: "";
  width: 100%;
  height: 100%;
  border: 3px solid rgba(0,0,0,0.2);
  position: absolute;
  left: -10px;
  bottom: -10px;
  z-index: 1;
}
.headerText{
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 30px 0;
    padding: 0 0 10px 0;
}
.headerText h4{
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    text-transform: none;
    letter-spacing: 0px;
    color: #000;
    margin: 0 0 10px 0;
    padding: 0 0 0px 0;
}
.headerText::after{
  content: "";
  width: 15px;
  height: 3px;
  background: #f6c55d;
  float: left;
  position: absolute;
  left: 0;
  bottom: 0;
}
.roomsArea{
  width: 100%;
  float: left;
margin: 0 0 50px 0;
}
.roomsContentArea{
  width: 100%;
  float: left;
  background: #fff;
  position:relative;
}
.roomsContentArea .imageArea,
.roomsContentArea .contentArea{
  width: 50%;
  float: left;
  position:relative;
}
.roomsContentArea .imageArea img{
	width:100%;
}

.roomsContentArea .contentArea{
  background: transparent;
  padding: 24px;
  position:relative;
}
.roomsContentArea .contentArea h4,
.roomsArea h4{
	margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
	color: #000000;
}
.roomsArea .headerTextArea{
    width: 100%;
    float: left;
    padding: 20px 20px 20px 0;
    position: relative;
}
.roomsArea .headerTextArea::after{
    content: "";
    width: 100%;
    float: left;
    height: 2px;
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 56%;
    right: 0;
    /* transform: translateY(-0%); */
}

.roomsArea.property1 .headerTextArea::after{
	background: #ead5ba;	
}
.roomsArea.property2 .headerTextArea::after{
    background: #d2dce9;	
}
.roomsArea.property3 .headerTextArea::after{
    background: #e2e0a3;	
}

.roomsArea .headerTextArea h4,
.roomsArea .headerTextArea h2{
    display: inline-block;
    margin: 0px;
    padding: 0 20px;
    background: #f6f5f0;
    position: relative;
    z-index: 10;
}
.roomsContentArea .contentArea p{
	color: #000000;	
}

.roomsContentArea .contentArea a.viewDetailsBtn, a.viewDetailsBtn {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000000;
  margin: 0px 0 0 0;
  padding-right: 25px;
  background: url(../img/btn_arrow.png) 100% 50% no-repeat;
  -webkit-transition: padding-right,letter-spacing .25s ease;
  -moz-transition: padding-right,letter-spacing .25s ease;
  -ms-transition: padding-right,letter-spacing .25s ease;
  -o-transition: padding-right,letter-spacing .25s ease;
  transition: padding-right,letter-spacing .25s ease;
}
.roomsContentArea .contentArea a.viewDetailsBtn:hover,
a.viewDetailsBtn:hover {
  padding-right: 30px;
  letter-spacing: 1.2px;
  -webkit-transition: padding-right,letter-spacing .25s ease;
  -moz-transition: padding-right,letter-spacing .25s ease;
  -ms-transition: padding-right,letter-spacing .25s ease;
  -o-transition: padding-right,letter-spacing .25s ease;
  transition: padding-right,letter-spacing .25s ease;
}

.DisplayedImageArea .spaceSlider .item{
  width: 100%;
  float: left;
}

/*-----------*/

footer{
  width: 100%;
  float: left;
  background: #f6f5f0;
}
.footerTopSection{
  width: 100%;
  float: left;
  padding: 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #d0d0d0;
  /*border-top: 1px solid #d0d0d0;*/
}
.footerTopSection .footerMenuArea{
  width: 100%;
  float: left;
  text-align:center;
}
.footerTopSection .footerWeatherArea{
  width: 100%;
  float: left;
}
.footerTopSection .footerMenuArea ul li{
	display:inline-block;
}
.footerTopSection .footerMenuArea ul li a{
  display: block;
  padding: 0px 20px 0 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #7a7a7a;
  line-height: normal;
}
.footerTopSection .footerMenuArea ul li a:hover,
.footerContactArea .linkArea ul li a:hover{
  color: #000000;
}
.footerBottomSection{
  width: 100%;
  float: left;
  padding: 20px 0 40px;
}
.footerContactArea{
  width: 100%;
  float: left;
}
.footerContactArea h4{
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000000;
  padding: 0;
  margin: 0 0 5px 0;
}
.footerContactArea .linkArea{
  width: 100%;
  float: left;
}
.footerContactArea .linkArea ul li{
  float: left;
}
.footerContactArea .linkArea ul li a{
  display: block;
  padding: 0px 20px 0 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #7a7a7a;
  line-height: 40px;
}
.footerContactArea .linkArea ul li a i {
  margin-top: -2px;
  display: inline-block;
  vertical-align: top;
}
.footerBottomSection .partnerArea{
  width: 100%;
  float: left;
  padding-top: 30px;
  text-align: center;
}
.footerBottomSection .partnerArea ul li{
  /*float: left;
  width: 25%;*/
  float: none;
  width: auto;
  display: inline-block;
}
.footerBottomSection .partnerArea ul li a{
  display: block;
  padding: 0 0px;
}
.copyrightArea{
  width: 100%;
  float: left;
  background: #fff;
}
.copyrightArea p,.copyrightArea p a{
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #7a7a7a;
  line-height: 24px;
  padding: 10px 0;
  margin: 0px;
}
.copyrightArea p span{
  font-weight: 600;
}
.copyrightArea p a{
  font-weight: 600;
  text-decoration: none;
}
.copyrightArea .designedBy p{
  text-align: right;
}
.copyrightArea p a:hover{
  color: #000000;
}

/*----------*/

.AmenitiesSection,
.AmenitiesSection .specsArea{
	width:100%;
	float:left;
	text-align:center
}
.AmenitiesSection{
    padding: 20px 0 0 0;
}
.AmenitiesSection .headerText{
	text-align:center;
}
.AmenitiesSection .headerText::after{
	left:50%;
	transform:translateX(-50%);
}
.AmenitiesSection .specsArea ul li{
    display: inline-block;
    width: auto;
    text-align: center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    float: left;
    padding-right: 15px;
    padding-bottom: 10px;
}
.AmenitiesSection .specsArea ul li h4{
    font-size: 11px;
    color: #8c8c8c;
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    margin-bottom: 0;
    margin-top: 6px;
    /* line-height: 20px; */
    font-weight: 600;
    text-transform: uppercase;
}
.AmenitiesSection .specsArea ul li p{
    font-size: 14px;
    color: #000000;
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    margin-bottom: 20px;
	margin-top:20px;
    line-height: 24px;
    font-weight: 400;	
}
/*.AmenitiesSection .specsArea ul li span{
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0,0,0,0.05);
    margin: 0 auto;
    padding-top: 28px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}*/
.AmenitiesSection .specsArea ul li span img{
  opacity:0.5;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  width: 50px;
}
.AmenitiesSection .specsArea ul li:hover span img{
  opacity:1;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.AmenitiesSection .specsArea ul li:hover span{
	box-shadow: 0 8px 10px rgba(0,0,0,0.07);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.dl-menuwrapper{
	width:auto;
}
.topNavSection .menuSection ul li .dl-menuwrapper a{
    padding: 0 0 0 100px;
}


.topNavSection .menuSection ul li a.bookNowBtn,
a.bookNowBtn{
  background: #28166f;
  color: #fff;
  padding: 0 20px;
  font-weight: 600;
  font-size: 14px;
  margin-left: 50px;
  width: 130px;
  text-align: center;
  border-radius: 100px;
}
.topNavSection .menuSection ul li a.bookNowBtn:hover,
a.bookNowBtn:hover{
	color:#000000;
}

/*------*/

.resBookingSection .headerSection,
.contactFormSection .headerSection{
    width: 100%;
    float: left;
    padding: 20px 30px 20px 30px;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.resBookingSection .headerSection h4,
.contactFormSection .headerSection h4{
	color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
	padding:0px;
	margin:0px;
}
/*.resBookingSection .headerSection a{
	position:absolute;
	right:20px;
	top:20px;
}
.resBookingSection .headerSection a img{
    width: 25px;
}*/

.contactFormSection .headerSection a.closeBtn{
	position:absolute;
	right:20px;
	top:20px;
}
.contactFormSection .headerSection a.closeBtn img{
    width: 25px;
}


/*--------*/

.roomsContentArea .bottomButtonArea{
    width: 100%;
    float: left;
	margin: 40px 0 0 0;
}
.roomsContentArea.alt .bottomButtonArea{
    left: inherit;
	right:10px;
}
.roomsContentArea .bottomButtonArea ul li{
	float:left;
    padding: 0 10px 0 0;
}

.roomsContentArea .bottomButtonArea ul li a,
a.floorPlanBtn{
    background: #e2b80e;
    color: #fff;
    line-height: 40px;
    padding: 0px 15px;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    display: block;
}
.roomsContentArea .bottomButtonArea ul li a:hover,
.roomsContentArea .bottomButtonArea ul li.alt a{
	background:#000000;
}
.roomsContentArea .bottomButtonArea ul li.alt a:hover{
    background: #e2b80e;	
}
.roomsContentArea .bottomButtonArea ul li a i,
a.floorPlanBtn i{
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
    line-height: 38px;
}
.roomsContentArea .bottomButtonArea ul li a i img,
a.floorPlanBtn img{
    height: 18px;
}

.reviewsArea,.SuperhostBadge,.Ratings{
	width:100%;
	float:left;
}
a.floorPlanBtn{
    position: relative;
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
    /* bottom: 0; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    z-index: 100;
    background: rgba(0,0,0,0);
    text-align: center;
    border: 1px solid rgba(0,0,0,0.2);
    float: left;
    color: #000000;
}
a.floorPlanBtn:hover{
    background: rgb(226, 184, 14);
	border: 1px solid rgba(226, 184, 14,1);
}


.roomGallery.upcoming{
	position:relative;
}
.roomGallery.upcoming::after{
	content:"";
	width:100%;
	height:100%;
	float:left;
	background:rgba(0,0,0,0.3);
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.roomGallery.upcoming span{
    width: auto;
    float: left;
    /* height: 100%; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 22px;
    text-transform: uppercase;
    z-index: 10; 
}

.roomGallery_slider .item a,
.floorplan_slider .item a{
	position:relative;
	display:block;
}
.roomGallery_slider .item a::after,
.floorplan_slider .item a::after{
	content:"";
	width:100%;
	height:100%;
	float:left;
	background:rgba(0,0,0,0.3);
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	z-index:1;	
	  -webkit-transition: opacity .3s ease;
	  -moz-transition: opacity .3s ease;
	  -ms-transition: opacity .3s ease;
	  -o-transition: opacity .3s ease;
	  transition: opacity .3s ease;	
}
.roomGallery_slider .item a:hover::after,
.floorplan_slider .item a:hover::after{
	opacity:1;	
	  -webkit-transition: opacity .3s ease;
	  -moz-transition: opacity .3s ease;
	  -ms-transition: opacity .3s ease;
	  -o-transition: opacity .3s ease;
	  transition: opacity .3s ease;	
}
.roomGallery_slider .item a span,
.floorplan_slider .item a span{
	width: auto;
    float: left;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 22px;
    text-transform: uppercase;
    z-index: 10;
    opacity: 1;
    padding: 20px 30px;
	letter-spacing:0px;
    border: 1px solid rgba(255,255,255,0.2);
	background:rgba(255,255,255,0.1);
}
.roomGallery_slider .item a span::after{
	content:"";
	width:23px;
	height:23px;
	float:left;
	background:url(../img/border_frame_top.png) 50% 50% no-repeat;
	position:absolute;
	top:-1px;
	right:-1px;
	z-index:1;
}
.roomGallery_slider .item a span::before{
	content:"";
	width:23px;
	height:23px;
	float:left;
	background:url(../img/border_frame_bottom.png) 50% 50% no-repeat;
	position:absolute;
	bottom:-1px;
	left:-1px;
	z-index:1;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.roomGallery_slider .item a:hover span::after{
	top:-10px;
	right:-10px;	
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.roomGallery_slider .item a:hover span::before{
	left:-10px;
	bottom:-10px;	
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/*.roomGallery_slider .item a:hover span,
.floorplan_slider .item a:hover span{
	opacity:1;
	background:rgba(0,0,0,0.1);
	
	  -webkit-transition: background .3s ease;
	  -moz-transition: background .3s ease;
	  -ms-transition: background .3s ease;
	  -o-transition: background .3s ease;
	  transition: background .3s ease;
}*/

.floorplan_slider .item a span.galleyIcon{
	width:30px;
	height:30px;
	background:url(../img/gallery_icon.svg) 50% 50% no-repeat;
	background-size:30px;
	padding:0px;
	border:none;
}

/*-----*/

.property1 .roomsContentArea{
	background: #f2e9de;
}
.property2 .roomsContentArea{
    background: #e8f0fa;
}
.property3 .roomsContentArea{
    background: #edebb7;
}

.customModalBox.getLocationModal .modal-dialog{
	width:80%;
	max-width:80%;
}
.customModalBox .modal-header h4{
	margin:0px;
}
.customModalBox .modal-body{
	padding:0px;
}
.customModalBox .modal-content{
	border-radius:0px;
}
.customModalBox .modal-body .picArea{
	width:40%;
	float:left;
}
.customModalBox .modal-body .contentArea{
	width:60%;
	float:left;	
}

/*-------- Testimonials --------*/

.testimonialSection{
	width:100%;
	float:left;
	padding:50px 0;
}

/*-------- Contact Form ---------*/

.contactFormSection .formTop{
	padding: 20px 30px;
}

.contactFormSection .formBottom button.bookingBtn{
    background: #e2b80e;
    color: #fff;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    text-align: center;
	outline:none;
	border:none;
	margin:0px;
	position:absolute;
	left:0;
	bottom:0;
}
.contactFormSection .formBottom button.bookingBtn:hover{
	background:#fff;
	color:#000000;
}
.contactFormSection .form-control {
	background-color: transparent;
    border: none;
    color: #fff;
    border-bottom: 2px solid #fff;
    padding-left: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 0;
    outline: none;
}
.contactFormSection .form-control:hover,.contactFormSection .form-control:focus{
	outline:none;
}
.contactFormSection .form-control::placeholder{
	color:#fff;
}

.roomsContentArea .floorPlanArea{
	/*width: 150px;*/
	width: 120px;
    float: left;
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: transparent;
    padding: 4px;
    border: 2px solid rgba(255,255,255,0.4);
	z-index: 100;	
}
.roomsContentArea .floorPlanArea .item a img{
	width:100%;
}
.roomsContentArea .floorPlanArea span.panelHeading{
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    color: #383838;
    font-weight: 700;
    letter-spacing: 0.2px;
    position: absolute;
    left: -50px;
    bottom: 30px;
    display: inline-block;
    transform: rotate(-90deg);
    text-transform: uppercase;
}

/*---------- partner with us ------------*/

.innerpageBanner{
	width:100%;
	float:left;
	position:relative;
	height:250px;
	background:url(../img/banner_1.jpg) 50% 50% no-repeat;
	background-size:cover;
}
.innerpageBanner::after{
  content: "";
  width: 100%;
  float: left;
  height: 100%;
  background: rgba(0,0,0,0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.innerpageBanner h4{
  margin-bottom: 20px;
  font-size: 24px;
  line-height: normal;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #28166f;
  font-family: 'Poppins', sans-serif;
  margin-top: 10%;
  position: relative;
  z-index: 10;
}
.innerpageBanner a.contactUsFormBtn{
    background: #e2b80e;
    color: #fff;
    line-height: 40px;
    padding: 0px 15px;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    display: inline-block;
    /* margin-bottom: -70px; */
    position: absolute;
    right: 5%;
    bottom: -20px;
}
.innerpageBanner a.contactUsFormBtn i {
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
    line-height: 38px;
}
.innerpageBanner a.contactUsFormBtn i img{
    height: 18px;
}
.contentSecton{
	width:100%;
	float:left;
	padding:50px 0;
}
.ProjectionTableArea{
	width:100%;
	float:left;
}
.ProjectionTableArea h4,.ProjectionTableArea h1,.ProjectionTableArea h2{
	font-size: 18px;
    text-transform: none;
    font-weight: 600;
    color: #000000;
	letter-spacing:0px;
    margin-bottom: 15px;
    padding-bottom: 0px;
	line-height: 22px;
    font-family: 'Montserrat', sans-serif;		
}
.table td, .table th{
	font-size:14px;
}
.chartArea{
    width: 100%;
    float: left;
    padding: 50px 0;
    background: #fff;
    text-align: center;
    margin: 50px 0;
}
.chartArea h4{
    display: inline-block;
    border: 1px solid #e2b80e;
    padding: 10px 30px;
    border-radius: 100px;
    font-size: 18px;
    letter-spacing: 0px;
    background: rgba(226, 184, 14, 0.1);	
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(242, 234, 202);
}
.table{
  background: #fff;
  border: 1px solid;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #d4d4d4;
}
.table td, .table th {
    padding: .5rem;
}


/*---------- Form style // start----------*/
.error{
position: absolute;
    color: #f96262;
    font-size: 12px;
    right: 0px;
    top: -15px;
}
.AjaxError {
    color: #ee2229;
  	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    display: none;
	font-weight:600;
	text-align: center;
}
.AjaxSuccess {
	color: #0C6;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    display: none;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
}
.form-group{
	width:100%;
	float:left;
	position:relative;
}

/*----*/


.mobileMenu{
	display:none;
}
.topNavSection.mobileMenu .bookNowSection a.bookNowBtn{
	background: #e2b80e;
    color: #fff;
    padding: 8px 15px;
    font-weight: 600;
    font-size: 14px;
    margin-left: 0;
    width: 140px;
    text-align: center;
    display: block;
    margin: 0px auto;
	text-transform:uppercase;
}
.topNavSection.mobileMenu .logoSection img{
}
.topNavSection.mobileMenu .mobileMenuSection{
	text-align:right;
}
.topNavSection.mobileMenu{
	background:#fff;
	padding: 12px 10px 11px;
    position: relative;	
}
.topNavSection.mobileMenu.fixed{
	position:fixed;
}
.topNavSection.mobileMenu .mobileMenuSection{
	text-align:right;
}
.topNavSection.mobileMenu .mobileMenuSection a{
	width:30px;
	height:30px;
	display:inline-block;
	position:relative;
}
.topNavSection.mobileMenu .mobileMenuSection a span{
    width: 80%;
    float: left;
    height: 2px;
    background: #000000;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

  -webkit-transition: display .25s ease;
  -moz-transition: display .25s ease;
  -ms-transition: display .25s ease;
  -o-transition: display .25s ease;
  transition: display .25s ease;
	
}
.topNavSection.mobileMenu .mobileMenuSection a::after,
.topNavSection.mobileMenu .mobileMenuSection a::before{
	content: "";
    width: 90%;
    float: left;
    height: 2px;
    position: absolute;
    right: 0;
    background: #000000;
	transform: rotate(0deg);
  -webkit-transition: transform .25s ease;
  -moz-transition: transform .25s ease;
  -ms-transition: transform .25s ease;
  -o-transition: transform .25s ease;
  transition: transform .25s ease;	
}
.topNavSection.mobileMenu .mobileMenuSection a::after{
	top:20%;
}
.topNavSection.mobileMenu .mobileMenuSection a::before{
	bottom:20%;
}

.mobileMenuSlideSection .topMenuSection,
.mobileMenuSlideSection .bottomMenuSection{
	width:100%;
	float:left;
	padding:20px;
}
.mobileMenuSlideSection .bottomMenuSection{
    border-top: 1px solid rgba(255,255,255,0.2);
}
.mobileMenuSlideSection .topMenuSection ul li{
	width:100%;
	float:left;
}
.mobileMenuSlideSection .topMenuSection ul li a{
    color: #fff;
    line-height: 40px;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2px;	
}
.mobileMenuSlideSection .bottomMenuSection ul li{
	float:left;
}
.mobileMenuSlideSection .bottomMenuSection ul li a{
    color: #fff;
    line-height: 40px;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2px;
	padding:0 15px 0 0;
}

.topNavSection.mobileMenu .mobileMenuSection a.active span{
	display:none;
  -webkit-transition: display .25s ease;
  -moz-transition: display .25s ease;
  -ms-transition: display .25s ease;
  -o-transition: display .25s ease;
  transition: display .25s ease;	
}
.topNavSection.mobileMenu .mobileMenuSection a.active::after{
  transform: rotate(-45deg);
  top: 45%;
  -webkit-transition: transform .25s ease;
  -moz-transition: transform .25s ease;
  -ms-transition: transform .25s ease;
  -o-transition: transform .25s ease;
  transition: transform .25s ease;	
}
.topNavSection.mobileMenu .mobileMenuSection a.active::before{
  transform: rotate(45deg);
  bottom: 45%;
  -webkit-transition: transform .25s ease;
  -moz-transition: transform .25s ease;
  -ms-transition: transform .25s ease;
  -o-transition: transform .25s ease;
  transition: transform .25s ease;		
}

/*--------*/
.bannerMobile,.mobileBannerWrapper{
	display:none !important;
}
.mobileBannerWrapper{
	width:100%;
	float:left;
	position:relative;
}

.ourSpacesArea .AmenitiesSection {
    padding: 40px 0 0 0;
}

.roomsArea.property2 .AmenitiesSection {
	padding: 10px 0 0 0;
}
.roomsArea.property2 .AmenitiesSection .specsArea ul li{
    padding-right: 30px;
    padding-bottom: 20px;	
}
.roomsArea.property2 .roomsContentArea .bottomButtonArea{
    margin: 20px 0 0 0;	
}

/*.owl-carousel .owl-item img {
    display: block;
    width: auto;
    height: calc(100vh - 60px);
}*/

.slider .owl-dots{
  left: 30px;
  right: initial;
}
.mainbannerSection{
  width: 100%;
  float: left;
  position: relative;
}
.mainbannerSection .BannerTextArea{
  position: absolute;
  bottom: 30%;
  left: 10%;
  right: initial;
  width: 40%;
  text-align: left;
  transform: initial;
  z-index: 100;
}
.bannerDesktop {
  position: relative;
}
.bannerDesktop::after{
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.65);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.slider .owl-dots{
  z-index: 100;
}

.BannerTextArea h2{
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 50px;
}
.BannerTextArea h2 span{
  font-size: 60px;
  font-weight: 600;
}
.bannerForm{
  width: 100%;
  float: left;
  padding: 0px;
  /* background: #131419; */
  /* right: 132px; */
  /* top: initial; */
  z-index: 100;
  /* position: absolute; */
  /* transform: translateY(-50%); */
  /* border-radius: 0 100px; */
  /* bottom: 0%;*/
}
.bannerForm h4{
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 50px;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  width: 20%;
  float: left;
  padding: 0px;
}
.bannerForm .loginForm{
  width: 70%;
  float: left;
}

.bannerForm .form-control{
  width: 35%;
  float: left;
  border-radius: 0px;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
  outline: none;
  box-shadow: none;
  border: none;
  height: 50px;
  padding: 10px; 
}
.bannerForm .otpSection{
  width: 35%;
  float: left;
  position: relative;
  margin: 0 0 0 15px;
}
.bannerForm .otpSection .form-control{
  padding-right: 100px;
  width: 100%;
}
.bannerForm .otpSection a{
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  width: 100px;
  float: left;
  text-align: center;
  line-height: 50px;
  color: #fff;
  background: #1d1d1d;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  height: 50px;
}
.bannerForm .loginBtn{
  width: 26%;
  background: #28166f;
  padding: 0 15px;
  border-radius: 0px;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  letter-spacing: 1px;
  margin: 0px 0 0;
  cursor: pointer;
}
.bannerForm .loginBtn:hover,
.bannerForm .loginBtn:focus,.bannerForm .loginBtn:active{
  background: #ffffff;
  color: #000000;
  outline: none;
  border: none;
  box-shadow: none;
}

.footerSection{
  width: 100%;
  float: left;
  background: rgba(0,0,0,0.75);
  border-top: none;
  padding: 10px 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
}
.footerSection .leftsection,
.footerSection .rightsection{
  width: 50%;
  float: left;
}
.footerSection .leftsection p,
.footerSection .rightsection p,
.footerSection .rightsection p a{
  color: #828282;
  line-height: normal;
  font-weight: 500;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}
.footerSection .rightsection p a:hover{
  color: #fff;
}
.footerSection .rightsection p{
  text-align: right;
}


/********** menu *********/
nav {
  display: block;
}

.menu {
  display: block;
}

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}

.menu li:first-child {
  margin-left: 0;
}

.menu li a {
  font-weight: 600;
  text-decoration: none;
  padding: 20px 15px;
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover,.menu li:hover>a {
  color: #fff;
  background: #28166f;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 200px;
  position: absolute;
  left: 0px;
  background: #fff;
  z-index: 99;
  transform: translate(0,20px);
  transition: all 0.2s ease-out;
}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.menu ul li a {
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: #797979;
  background: #fff;
}

.menu ul li a:hover,.menu ul li:hover>a {
  background: #28166f;
  color: #fff;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0,0);
}

.menu ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px,20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0,0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 12px 15px;
  background: #000000;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 22px;
}

.responsive-menu:hover {
  background: #000000;
  color: #fff;
  text-decoration: none;
}

a.homer {
  background: #28166f;
}

@media (min-width: 768px) and (max-width: 979px) {
  .mainWrap {
      width: 768px;
  }

  .menu ul {
      top: 37px;
  }

  .menu li a {
      font-size: 12px;
  }

  a.homer {
      background: #374147;
  }
}

@media (max-width: 767px) {
  .mainWrap {
      width: auto;
      padding: 50px 20px;
  }

  .menu {
      display: none;
  }

  .responsive-menu {
      display: block;
  }

  nav {
      margin: 0;
      background: none;
  }

  .menu li {
      display: block;
      margin: 0;
  }

  .menu li a {
      background: #fff;
      color: #797979;
  }

  .menu li a:hover,.menu li:hover>a {
    background: #28166f;
      color: #fff;
  }

  .menu ul {
      visibility: hidden;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      transform: initial;
  }

  .menu li:hover>ul {
      visibility: visible;
      opacity: 1;
      position: relative;
      transform: initial;
  }

  .menu ul ul {
      left: 0;
      transform: initial;
  }

  .menu li>ul ul:hover {
      transform: initial;
  }
}

@media (max-width: 480px) {
}

@media (max-width: 320px) {
}

/*************/

.contentLeft{
  width: 70%;
  float: left;
}
.contentRight{
  width: 30%;
  float: left;
  padding-left: 30px;
}

.innerpageBanner.blueLagoon{
	background:url(../img/banner_1.jpg) 50% 50% no-repeat;
	background-size:cover;
}
.rulesLists{
  width: 100%;
  float: left;
}
.rulesLists ul{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.rulesLists ul li{
  width: 100%;
  float: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #3a3939;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 10px;
  padding: 0 0 0 20px;
  position: relative;
}
.rulesLists ul li a{
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}
.rulesLists ul li a:hover{
  color: #28166f;
}
.rulesLists ul li i{
  position: absolute;
  top: 5px;
  left: 0;
  color: #28166f;
}
.rulesLists ul li.nb{
  font-style: italic;
  font-size: 12px;
  font-weight: 500;
}
.gallerySection{
  width: 100%;
  float: left;
  padding:0 50px;
}

.header.inner-header .header__bar {
  background-color: var(--bg-dark-4);
  opacity: 0.99;
}
.rulesItem i{
  padding: 10px 10px 0 0;
  color: #28166f;
}

/*-----*/

.page-header .cont {
    padding: 120px 0 50px;
}
.page-header .img-wrapper {
    position: relative;
    min-height: 35vh;
}
.parallaxie.aboutBg{
  background-position: 50% 50% !important;
}
.min-area .content ul.feat li p i{
  font-size: 10px;
  line-height: 24px;
  padding-right: 5px;
}

.page-header .cont h4 {
    font-size: 14px;
    font-weight: 500;
}

.lg-backdrop{
  z-index: 999999;
}  
.lg-toolbar{
  z-index: 99999;
}  
.lg-outer{
  z-index: 999999;
}
.login-status{
  text-align: right;
}
.login-status a{
  font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.login-status a:hover,.page-header .cont h4 span{
  color: #c1514b;
}
.login-status a i{
  color: #c1514b;
}
.dasboard-button-section {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 30px;
}
.dasboard-button-section ul li{
  display: inline-block;
  padding: 0px;
  text-align: center;
  vertical-align: top;
}
    .dasboard-button-section ul li a {
        background: #fff;
        width: 129px;
        height: 140px;
        padding: 10px;
        border-radius: 0px;
        font-size: 14px;
        font-weight: 600;
        color: #090909;
    }
.dasboard-button-section ul li a i{
  width: 100%;
  color: #090909;
  font-size: 35px;
  padding: 20px 0;
}
.dasboard-button-section ul li a span{
  color: #090909;
}
.page-header .img-wrapper .title h3{
  font-size: 50px;
}
.dasboard-button-section ul li a.active,
.dasboard-button-section ul li a:hover{
  background: #28166f;
  transition: all 0.3s ease-in;
}
.dasboard-button-section ul li a.active i,
.dasboard-button-section ul li a.active span,
.dasboard-button-section ul li a:hover i,
.dasboard-button-section ul li a:hover span{
  color: #fff;
  transition: all 0.3s ease-in;
}

.dash-profile-section{
  width: 100%;
  float: left;
  padding: 30px 0;
}
.profie-edit-button-area{
  width: 100%;
  float: left;
  padding: 15px 0;
  text-align: right;
}
.profie-edit-button-area a{
  color: #090909;
  font-size: 18px;
    font-weight: 600;
}
.profie-edit-button-area a:hover{
  color: #28166f;
}
.filterArea{
  width: 100%;
  float: left;
  padding: 0 0 30px 0;
}
.form-control{
  padding: 10px 15px;
  border: 1px solid #1e1e1e;
  border-radius: 0px;
}
.filterArea a.btn-curve{
  margin-top: 24px;
  padding: 12px 35px;
}
.modal{
  background-color: transparent;
  box-shadow:none;
  -webkit-box-shadow:none;
  z-index:9991;
}
/*.topnav {
    z-index: 9990;
}*/
.tableArea {
    width: 100%;
    float: left;
}
.tableArea select{
  display: inline-block;
  width: auto;
}
label{
  font-size: 0.85rem;
  color: #545454;
  font-weight: 500;
  opacity: 1;
  text-transform: uppercase;
}
.exportBtn,.payBtn{
  border: 1px solid #1e1e1e;
  background: #1e1e1e;
  color: #fff;
  font-weight: 600;
}
.exportBtn:hover,.payBtn:hover{
  background: #28166f;
}
.payBtn{
  padding: 5px 10px;
}
.payBtn span{
  font-size: 10px;
  letter-spacing: 1px;
}
.dataTables_wrapper .dataTables_length select{
  border: 1px solid #1e1e1e;
  border-radius: 0px;
}
.dataTables_wrapper .dataTables_filter input{
  border: 1px solid #1e1e1e;
  border-radius: 0px;
  height: 42px;
}
.datepicker-date-display{
  background-color: #28166f;
}
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done{
  color: #28166f;
}
.datepicker-table td.is-today {
  color: #28166f;
}
.datepicker-table td.is-selected {
  background-color: #28166f;
  color: #fff;
}
table.dataTable thead th, table.dataTable tfoot th {
  font-weight: 600;
  color: #fff;
  background: #000;
  border-radius: 0px;
  vertical-align: middle;
}
.table td{
  font-size: 14px;
  font-weight: 500;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #fff;
    border-radius: 0px;
    border: 1px solid #000000;
}
.payment-status{
  text-align: center;
  display: block;
}
.payment-status.success{
  color: #0c8e11;
}
.noticeSection{
  width: 100%;
  float: left;
}
.noticeSection ul li{
  width: 100%;
  float: left;
  padding: 20px 25px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  margin-bottom: 20px;
}
.noticeSection ul li li{
  padding: 0px;
  box-shadow: none;
}
.noticeSection ul li .content {
  padding-left: 0;
}
    .noticeSection ul li .min-area .content h4 {
        font-weight: 700;
        font-size: 14px;
        line-height: 1;
        margin-bottom: 10px;
    }
.min-area .content ul li{
  margin-bottom: 10px;
  margin-top: 0px;
}
.graphArea{
  width: 100%;
  float: left;
  padding: 30px 20px;
}
.graphArea canvas{
  width: 100%;
}
.topnav .loggedInMenu{
  width: auto;
  float: left;
  position: absolute;
  right: 50px;
  top: 73px;
}
.loggedInMenu ul li {
    float: left;
    padding: 0 10px;
    border-right: 2px solid #3a3a3a;
}
    .loggedInMenu ul li a {
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
    }
.loggedInMenu ul li:last-child{
  padding: 0 0 0 10px;
  border: none;
}
    .loggedInMenu ul li a{
        color: #fff;
    }
.loggedInMenu ul li a:hover{
  color: #c1514b;
}

.past-president-carousel .swiper-slide{
  margin: 0 -1px;
}
.past-president-carousel .content .img:after{
  background: linear-gradient(to top, rgb(160 112 3 / 70%), transparent);
}
.align-right{
  text-align: right;
}

.pp_list_name,.ComList {
  list-style-type: none;
  color: #414141;
  width: 100%;
  float: left;
}

.pp_list_name li .c_light,
.ComList li .c_light {
  background-color: #ecdcb7;
  margin: 0 0 5px 0;
  border: none;
  color: #000;
}
.pp_list_name li .compact_list,
.ComList li .compact_list {
  display: block;
  width: 100%;
  float: left;
}
.pp_list_name .list_left,.ComList .list_left {
  float: left;
  padding: 5px 0 5px 10px;
  line-height: 24px;
  color: #000;
  width: 70%;
}
.pp_list_name .list_right,.ComList .list_right {
  float: right;
  padding: 5px 10px 5px 0;
  line-height: 24px;
  width: 30%;
  text-align: right;
}

.searchCircularSection{
  width: 100%;
  float: left;
  position: relative;
}
.searchCircularSection .form-control{
  height: 45px;
  padding: 10px 60px 10px 15px;
}
.searchCircularSection a{
  height: 45px;
  background: #060606;
  padding: 10px 20px;
  line-height: 25px;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.searchCircularSection a:hover{
  background: #28166f;
}
.publishedDropdown{
  width: 100%;
  float: left;
}
.publishedDropdown label,
.publishedDropdown .form-control{
  width: 50%;
  float: left;
}
.publishedDropdown label{
  margin-bottom: 0px;
}
.publishedDropdown .form-control,
.publishedDropdown select.form-control:not([size]):not([multiple]){
  height: 45px;
}
.form-control:hover,.form-control:focus,.form-control:active{
  box-shadow: none;
  outline: none;
  border-color: #28166f;
}
.circularDisplaySection{
  width: 100%;
  float: left;
  padding: 30px 0;
}
.circularDisplaySection ul li{
  width: 100%;
  float: left;
  margin: 0 0 20px 0;
  padding: 30px 10px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  border: 1px solid #f4f4f4;
  transition: box-shadow 0.3s ease-in;
}
.circularDisplaySection ul li:hover{
  box-shadow: 0 5px 15px rgba(0,0,0,0.25);
  transition: box-shadow 0.3s ease-in;
}
.circularDisplaySection ul li .iconArea{
  width: 10%;
  float: left;
  text-align: center;
}
.circularDisplaySection ul li .contentArea{
  width: 70%;
  float: left;
}
.circularDisplaySection ul li .publishedArea{
  width: 20%;
  float: left;
  padding-left: 20px;
}
.circularDisplaySection ul li .iconArea img{
  width: 50%;
}
.circularDisplaySection ul li .contentArea h6{
  margin-bottom: 10px;
}
.circularDisplaySection ul li p{
  margin-bottom: 0px;
  font-size: 14px;
}
.circularDisplaySection ul li .publishedArea p{
  font-size: 13px;
  margin: 0px;
}
.pagination{
  width: 100%;
  float: left;
}
.blog-pg.single .pagination{
  margin-top: 20px;
}
.disabled{
  cursor: not-allowed !important;
  opacity: 0.3 !important;
}
.NotDisabled.disabled, .NotDisabled{
  cursor: pointer !important;
  opacity: 1 !important;
}
.blog-pg.single .pagination{
  border-top: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
}
.blog-pg.single .pagination span{
  border-right: 1px solid #b7b7b7;
  border-left: 1px solid #b7b7b7;
}
.page-header.thankyouPage .img-wrapper {
  position: relative;
  min-height: 72vh;
}
.page-header.thankyouPage .img-wrapper .title{
  position: absolute;
  top: 50%;
  right: 0%;
  width: 100%;
  text-align: right;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
.page-header.thankyouPage .img-wrapper .title h3{
  font-size: 70px;
  margin: 0 0 20px 0;
}
.call-action.nogif{
  padding: 50px 0;
}

.call-action p{
  color: #969696;
}
.call-action p a:hover{
  color: #ffffff;
}
.footerSection h6{
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #1b1b1b;
}
.footerSection ul{
  width: 100%;
  float: left;
}
.footerSection ul li{
  margin-bottom: 10px;
}
.footerSection ul li a{
  display: block;
  line-height: 20px;
  color: #969696;
  padding: 4px 0;
}
.footerSection ul li a:hover{
  color: #fff;
}
.footerSection p a i{
  padding-right: 5px;
}

.designedByarea{
  width: 100%;
  float: left;
  text-align: right;
}
.designedByarea ul li{
  display: inline-block;
  padding: 0 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #4e4e4e;
  line-height: 24px;
}
.designedByarea ul li:last-child{
  padding: 0 0px 0 0;
}
.designedByarea ul li a{
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #4e4e4e;
  line-height: 24px;
  display: inline-block;
}
.designedByarea ul li a:hover{
  color: #ffffff;
}
.work-carousel .content .cont h4 {
  opacity: 1;
  font-size: 20px;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.work-carousel .content .cont h6 {
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.page-header.dashboardHeader .title{
  width: 100%;
  text-align: left;
}
.page-header.dashboardHeader .cont{
  text-align: right;
}
.page-header.dashboardHeader .title h3{
  font-weight: 900;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  font-size: 30px;
}
.page-header.dashboardHeader .cont,
.page-header.dashboardHeader .title{
  padding: 100px 0 20px;
}
.page-header .img-wrapper {
    min-height: 32vh;
}

.topnav .container, .topnav .container-fluid {
  display: inline-block;
}
.topnav .logo{
  float: left;
  width: 40%;
}
.topnav .menuRightSection{
  float: left;
  width: 60%;
}
    .topnav .menuRightSection .menu-icon {
        margin-left: auto;
        cursor: pointer;
        float: right;
        width: auto;
        padding-top: 10px;
    }
    .topnav .menuRightSection .loggedInMenu {
        width: auto;
        float: right;
        position: relative;
        right: auto;
        top: auto;
        padding: 0 15px;
        margin-top: 7px;
    }
.flexEnd{
  justify-content: flex-end;
}
.topnav .menu-icon .icon {
  display: inline-block;
}
.topnav .menu-icon .text{
  display: inline-block;
  vertical-align: top;
}
.headerTxt{
  width: 100%;
  float: left;
  margin: 15px 0;
}
.policySection h4 {
  font-size: 18px;
  margin: 0 0 15px 0;
}
.policySection h6 {
  font-size: 15px;
  margin: 0 0 15px 0;
}

.profile .items{
  padding: 30px 10px;
}
.profile .items h5 {
  font-size: 18px;
  margin-bottom: 10px;
}
.nb{
  width: 100%;
  float: left;
  margin: 15px 0 0;
  padding: 15px 0;
  border-top: 1px solid rgba(0,0,0,.1);
}
.nb p span{
  font-style: italic;
}

.safePayment{
  width: 100%;
  float: left;
  padding: 50px 0;
}
.safePayment h6{
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}
.safePayment h6 span{
  display: inline-block;
  padding: 15px 20px;
  position: relative;
  z-index: 10;
  background: #fff;
}
.safePayment h6::after{
  content: "";
  width: 100%;
  float: left;
  height: 1px;
  background: #b9b9b9;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.safePayment img{
  width: 50%;
}

.BillPageSection{
  width: 100%;
  float: left;
  padding: 50px 0;
}

.viewBillSection{
  width: 70%;
  margin: 0px auto;
}

.BillCard{
  width: 100%;
  float: left;
  padding: 25px 20px 20px;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgb(0 0 0 / 20%);
  border: 2px solid #c2c2c2;  
}
.BillCard ul li{
  width: 50%;
  float: left;
  padding: 0 10px 10px;
  font-family: 'Poppins', sans-serif;
  color: rgb(111 111 111);
  line-height: 1.3;
  font-weight: 600;
  font-size: 12px;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  border-bottom: 1px solid #e8e8e8;
}
.BillCard ul li span{
  width: 100%;
  float: left;
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  text-transform: none;
}
.BillCard ul li.full{
  width: 100%;
}
.BillCard h6{
  font-size: 14px;
  padding: 10px 10px;
  color: #28166f;
  width: 100%;
  float: left;
  background-color: #f4f4f4;
  margin: 0 0 10px 0;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate .paginate_button{
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #252525;
}

.hamenu .menu-links .main-menu > li a {
    color:#fff;
}
.hamenu {
    padding: 80px 30px 30px;
}
    .hamenu .menu-links {
        margin-top: 0px;
    }

    .hamenu .menu-links .main-menu .sub-menu li {
        font-size: 16px;
    }

    .hamenu .menu-links .main-menu > li {
        font-size:20px;
    }
    .hamenu .cont-info {
        margin-top: 15px;
    }
    .topnav {
        padding: 20px 0 0;
    }
    .topnav .logo img{
        width:25%;
    }
    .topnav.nav-scroll .logo img{
      width:35%;
  }

h4 {
    font-size: 20px;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px;
    font-size: 12px;
}
table.dataTable tbody td {
    font-size:12px;
}

.billHeader{
  width: 100%;
  float: left;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.billHeader h4{
  font-size: 24px;
  text-align: right;
}
.billHeader .valign{
  justify-content: flex-end;
}

.payNowSection{
  width: 100%;
  float: left;
  text-align: right;
  padding: 20px 0;  
}
.payNowSection a.btn-curve{
  border-radius: 6px;
}

.center-slider .parallax-slider .caption h1 {
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 20px;
}

.footerLocation{
  width: 100%;
  float: left;
  padding: 15px 0 0;
}
.footerSection.call-action{
  padding: 40px 0 0;
}
.footer-sm {
  background: #060606;
  padding: 20px 0 0;
}

/* .letterCard{
  width: 100%;
  float: left;
  padding: 250px 200px 200px;
  background: url(../img/letter.jpg) 50% 0%;
  background-repeat: no-repeat;
  background-size: 90%;
}
.letterCard p{
    font-size: 13px;
    font-weight: 400;
    color: #1d1d1d;
    line-height: 18px;
    margin: 0 0 15px 0;
} */

.letterCard{
  width: 70%;
  /* float: left; */
  padding: 60px 60px 200px;
  border-radius: 4px;
  box-shadow: 0 15px 20px rgb(0 0 0 / 15%);
  border-left: 1px solid rgba(0 0 0 / 20%);
  border-top: 1px solid rgba(0 0 0 / 10%);
  border-right: 2px solid rgba(0 0 0 / 20%);
  border-bottom: 4px solid rgba(0 0 0 / 20%);
  margin: 0px auto;
  position: relative;
}
.letterCard p{
  font-size: 13px;
  font-weight: 500;
  color: #101010;
  line-height: 22px;
  margin: 0 0 15px 0;
}
.letterCard img.signature{
  position: absolute;
  right: 60px;
  bottom: 50px;
  width: 50%;
}
.letterCard img.paperclip{
  position: absolute;
  right: 20px;
  top: -4px;
  width: 30px;
}

.viewListSection{
  width: 100%;
  float: left;
  padding-bottom: 20px;
  text-align: right;
}

/**/

.portfolio .filtering {
  text-align: center;
  margin-bottom: 0px;
  padding: 50px 0;
}
.portfolio .filtering span {
  font-weight: 600;
  margin: 0px;
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
  padding: 10px 15px;
  border: 2px solid;
  transition: color 0.3s ease-in;
}
.portfolio .filtering span.active,
.portfolio .filtering span:hover {
  color: #28166f;
  transition: color 0.3s ease-in;
}
.portfolio .gallery .items {
  margin-top: 0px;
  padding: 0.5%;
  width: 32.333%;
}
.zoom-gallery{
  width: 100%;
  float: left;
  padding: 50px 0;
}
.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.95;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
.mfp-bg,.mfp-wrap{
  z-index: 9999991;
}
/**/

.page-header.contactHeader .img-wrapper .title{
  top: -90px;
}

.safePayment img {
  width: auto;
}
.payment-details label span{
  font-size: 20px;
  padding-left: 0px;
  color: #000000;
  width: 100%;
  float: left;
  text-transform: none;
}
.payment-details .form-group{
  margin: 0px 0 10px 0;
}
.payment-details label {
  width: 100%;
  float: left;
}

.toast.success-btn{
  background: #00a72c;
  color: #fff;
}
.toast.error-btn{
  background: #f52626;
  color: #fff;
}
.eventsListSection ul li{
  width: 48%;
  float: left;
  margin: 1% 1%;
  padding: 30px 20px 30px 0;
}
.eventsListSection ul li .DateArea{
  width: 100%;
  float: left;
  padding: 0 0 0px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #cccccc;
}
.eventsListSection ul li .iconArea{
  width: 20%;
}
.eventsListSection ul li .contentArea{
  width: 80%;
}
.eventsListSection ul li .publishedArea{
  width: 100%;
  float: left;
  padding-left: 20%;
  padding-top: 10px;
}
.eventsListSection ul li .DateArea h4{
  font-size: 30px;
  display: inline-block;
}
.eventsListSection ul li .DateArea p{
  display: inline-block;
}
.eventsListSection ul li .DateArea h4 span{
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  /* vertical-align: top; */
}
.eventsListSection ul li .DateArea span.to{
  font-size: 12px;
  font-weight: 600;
  padding: 0 5px;
  color: #797979;
}
.eventsListSection ul li p.description{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}
.eventsListSection ul li .payBtn{
  margin-top: 10px;
}

.splashscreen{
  width: 100%;
  float: left;
  height: 100vh;
  background: #fff url("../img/splash-screen-bg.jpg") 50% 50% no-repeat;
  background-size: contain;
}

.footerSection a img{
  width: 40%;
}

.page-header .img-wrapper.parallaxie{
  background-attachment: initial !important;
}

/*------ modal -----*/

.modal-header a.closeModal{
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: -30px;
}
.modal-header a.closeModal::after,
.modal-header a.closeModal::before{
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 14px;
  transform: rotate(45deg);
}
.modal-header a.closeModal::before{
  transform: rotate(-45deg);
}

.modal-title{
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #28166f;
}
.modal-header{
  border-bottom: 1px solid #f4f4f4;
}
.modal-content{
  border-radius: 0px;
}
.form-inline .form-group .leftArea{
  width: 30%;
  display: inline-block;
  text-align: left;
}
.form-inline .form-group .leftArea label{
  vertical-align: top;
  margin-top: -25px;
  margin-bottom: 0;
}
.form-inline .form-group .rightArea{
  width: 70%;
  display: inline-block;
}
.form-inline .form-group .form-control-plaintext{

  padding: 10px;
  border: 1px solid #ececec;
  color: #000;
  font-weight: 500;
}
.form-inline .form-group .form-control{
  width: 100%;
  display: inline-block;
  padding: 10px;
  border: 1px solid #e2e2e2;
}
.verificationForm .form-inline{
  width: 100%;
  padding: 20px 1px 5px;
}
.verificationForm p{
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #4e4e4e;
  line-height: 24px;
  padding: 0;
  margin: 5px 0;
  text-align: left;
}
.verificationForm p a{
  color: #28166f;
  font-weight: 600;
}
.verificationForm p a:hover{
  color: #ad3a33;
}
.modalPopup .modal-body {
  padding: 20px 30px 40px;
}
.modal-dialog {
  max-width: 600px;
}
.submitBtnArea{
  width: 100%;
  padding-top: 20px;
  text-align: right;
}
.submitBtnArea a{
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #28166f;
  border: 1px solid;
  padding: 5px 10px;
}
.submitBtnArea a:hover{
  color: #fff;
  border: 1px solid #28166f;
  background: #28166f;
}
.modal-backdrop.show {
  opacity: .75;
}

.slider {
    height:100%;
}
.bannerForm-section {
    position:fixed;
}
p.txt a,
.publishedArea a{
    color: #c1514b;
}
    p.txt a:hover,
    .publishedArea a:hover{
        color: #28166f;
    }



    /*===================
Media
==================================*/
    @media screen and (max-width: 992px) {
        .page-header.dashboardHeader .img-wrapper {
            min-height: 300px;
        }

        .dasboard-button-section {
            padding-top: 35px;
        }

            .dasboard-button-section ul li {
                width: 25%;
                float: left;
            }

                .dasboard-button-section ul li a {
                    width: 100%;
                    height: 120px;
                    padding: 15px;
                }

                    .dasboard-button-section ul li a i {
                        font-size: 30px;
                        padding: 15px 0;
                    }

        .circularDisplaySection ul li .contentArea {
            width: 90%;
            padding: 0 20px 0 0;
        }

        .circularDisplaySection ul li .publishedArea {
            width: 100%;
            padding: 15px 0 0 10%;
        }

            .circularDisplaySection ul li .publishedArea p {
                width: 50%;
                float: left;
            }

        .circularDisplaySection ul li .contentArea {
            width: 80%;
            padding: 0px;
        }

        .circularDisplaySection ul li .publishedArea {
            width: 100%;
            padding-left: 20%;
            padding-top: 10px;
        }

        .eventsListSection ul li {
            width: 100%;
            float: left;
            margin: 0 0 15px;
            padding: 30px 20px 30px 0;
        }
    }

    @media screen and (max-width: 991px) {
        .min-area .content {
            padding: 30px 0;
        }

        .letterCard {
            width: 100%;
        }

        .modal {
            width: 98%;
        }

            .modal .modal-content {
                padding: 0px;
            }

        .modalPopup .modal-body {
            padding: 15px 15px 15px;
        }

        .modalPopup .form-inline .form-group .rightArea {
            width: 100%;
        }
    }

    @media screen and (max-width: 840px) {
        .page-header .cont {
            padding: 120px 0 50px;
        }

        .page-header .login-status {
            padding: 0px 0 50px;
            text-align: left;
        }

        .about .items {
            padding: 20px 30px;
        }
    }

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

        h6 {
            font-size: 14px;
        }

        .contact .cont-info h5 {
            font-size: 14px;
        }

        .portfolio .gallery .items {
            margin-top: 0px;
            padding: 0px 10px 10px;
            width: 100%;
        }

        .portfolio .filtering span {
            margin: 0 0 4px 0;
        }

        .topnav {
            padding: 10px 0 0;
        }

            .topnav .logo {
                width: 40%;
            }

            .topnav .menuRightSection {
                width: 60%;
            }

        .bannerForm .form-control {
            font-size: 16px;
            height: 40px;
            padding: 5px 10px;
            margin: 0 0px 5px 0;
        }

        .bannerForm .otpSection a {
            height: 40px;
            line-height: 40px;
        }

        .bannerForm .loginBtn {
            line-height: 40px;
            font-size: 16px;
        }

        .billHeader .valign {
            justify-content: center;
        }

        .page-header .img-wrapper .title,
        .page-header.contactHeader .img-wrapper .title {
            top: -25px;
        }

        .contact .cont-info .extra-title {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .page-header.dashboardHeader .title h3,
        .page-header .img-wrapper .title h3 {
            font-weight: 600;
            -webkit-text-stroke-width: 0px;
            -webkit-text-stroke-color: #fff;
            color: #fff;
            font-size: 20px;
            text-align: left;
        }

        .hamenu .menu-links .main-menu > li {
            font-size: 20px;
        }

        .hamenu .menu-links .main-menu .sub-menu li .sub-link.back {
            font-size: 14px;
        }

        .topnav .logo img {
            width: 25%;
        }

        .topnav.nav-scroll .logo img {
            width: 50px;
        }

        .page-header.dashboardHeader .title {
            padding: 100px 0 10px;
        }

        .designedByarea {
            text-align: center;
            padding-bottom: 15px;
        }

        .footer-sm p {
            font-size: 12px;
            margin: 0px;
        }

        .designedByarea ul li {
            font-size: 13px;
            padding: 0 5px;
        }

            .designedByarea ul li a {
                font-size: 13px;
            }

        .page-header.dashboardHeader .cont {
            padding: 0 0 15px;
            width: 100%;
            text-align: left;
        }

        .viewBillSection {
            width: 100%;
        }

        .BillCard ul li {
            width: 100%;
            padding: 0 0px 10px;
        }

            .BillCard ul li:last-child {
                padding: 0px;
                border: none;
            }

        .safePayment img {
            width: 100%;
        }

        .topnav .logo {
            width: 50%;
        }

        .topnav .menuRightSection {
            width: 50%;
            height: 50px;
        }

            .topnav .menuRightSection .menu-icon {
                margin-left: auto;
                cursor: pointer;
                float: right;
                width: 100%;
                text-align: right;
                vertical-align: top;
                padding-top: 0px;
                height: 100%;
                display: flex;
                justify-content: flex-end;
                align-items: center;
            }

        .topnav .menu-icon .text {
            vertical-align: top;
        }

        .topnav .menuRightSection .loggedInMenu {
            width: 100%;
            float: right;
            position: absolute;
            right: 0;
            top: 75px;
            padding: 5px 15px;
            background: #3a3a3a;
            text-align: right;
        }

        .loggedInMenu ul li a {
            font-weight: 500;
        }

        .topnav .menu-icon .text, .topnav .menu-icon .icon {
            display: inline-block;
        }

        .page-header .cont {
            padding: 110px 0 30px;
        }

            .page-header .cont h4 {
                font-size: 14px;
                font-weight: 500;
            }

        .loggedInMenu ul li {
            float: none;
            display: inline-block;
        }




        .work-carousel .section-head {
            margin-bottom: 20px !important;
            margin-top: 0px;
        }

        .call-action.nogif {
            padding: 50px 0;
            text-align: center;
        }

        .call-action .btn-curve {
            margin: 0px auto;
        }

        .section-padding, .min-area .content {
            padding: 50px 0;
        }

        .presidentMsg .content {
            padding: 0px 0;
        }

        .searchCircularSection,
        .publishedDropdown {
            margin: 0 0 10px 0;
        }

        .topnav .loggedInMenu {
            right: 15px;
            top: 60px;
        }

        .past-president-carousel .section-head,
        .past-president .section-head {
            margin: 15px 0 !important;
        }

        .past-president-carousel .btn-dar {
            margin: 0px 0 15px;
        }

        .imgio {
            width: 100%;
        }

        .container {
            max-width: 100%;
        }

        .right, .left {
            width: 100%;
        }

        .footer-sm {
            padding: 20px 0 0;
        }

        .dasboard-button-section ul li {
            display: block;
            width: 25%;
            float: left;
            margin: 0;
        }

            .dasboard-button-section ul li a {
                width: 100%;
            }

        .bannerForm h4 {
            font-size: 12px;
            line-height: 24px;
            width: 100%;
        }

        .bannerForm-section {
            padding: 5px 15px 10px;
        }

        .bannerForm .loginForm {
            width: 100%;
            float: left;
        }

        .slide-controls .swiper-pagination-fraction {
            bottom: 113px;
        }

        .slider .parallax-slider .social {
            bottom: 115px;
        }

        .bannerForm .otpSection {
            margin: 0 0 0 5px;
        }

        .bannerForm .loginBtn {
            width: 28%;
        }

        .work-carousel .swiper-button-next, .work-carousel .swiper-button-prev {
            opacity: 1;
        }
    }

    @media screen and (max-width: 540px) {
        .letterCard {
            padding: 40px 40px 150px;
        }

            .letterCard img.paperclip {
                width: 20px;
            }

        .container {
            max-width: 100%;
        }
        /* .topnav .logo{
    width: 60%;
  } */
        .topnav .menu-icon {
            padding-top: 18px;
        }

        .page-header .img-wrapper .title h3 {
            font-size: 20px;
        }
    }

    @media screen and (max-width: 500px) {
        .bannerForm .form-control {
            width: 100%;
        }

        .bannerForm .otpSection {
            margin: 5px 0 0 0;
            width: 100%;
        }

        .bannerForm .loginBtn {
            width: 100%;
            margin-top: 5px;
        }

        .slider .parallax-slider .social {
            bottom: 223px;
        }

        .slide-controls .swiper-pagination-fraction {
            bottom: 220px;
        }

        .topnav {
            padding: 10px 0 0;
        }

        .slide-full .capt h1, .slider-portfolio .swiper-slide .caption h1, .slider .parallax-slider .caption h1 {
            font-size: 18px;
        }
    }

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

        .topnav .menuRightSection .loggedInMenu {
            top: 60px;
            margin-top:0px;
        }

        .circularDisplaySection ul li .contentArea {
            padding: 0 0px 0 0;
        }

        .dasboard-button-section ul li {
            width: 49%;
            margin: 0.5%;
        }

            .dasboard-button-section ul li a {
                height: 95px;
                padding: 10px;
            }

                .dasboard-button-section ul li a i {
                    padding: 10px 0;
                }

        .dasboard-button-section {
            padding-top: 20px;
        }

        .page-header.dashboardHeader .img-wrapper {
            min-height: 426px;
        }

        .page-header .cont h4 {
            font-size: 12px;
            font-weight: 400;
        }

        .page-header .login-status {
            padding: 0px 0 40px;
        }

        .page-header .img-wrapper .title h3 {
            font-size: 20px;
        }

        .topnav .menu-icon {
            padding-top: 12px;
        }

        h4 {
            font-size: 16px;
        }

        .section-padding, .min-area .content {
            padding: 30px 0;
        }

        .min-area .img {
            padding: 50px 0 50px 50px;
        }

        .hamenu {
            padding: 100px 0px 10px;
        }

        .circularDisplaySection ul li .publishedArea p {
            width: 100%;
            float: left;
            line-height: normal;
        }
    }

    @media screen and (max-width: 375px) {
        .letterCard {
            padding: 40px 20px 100px;
        }

        .hamenu .menu-links .main-menu .sub-menu li {
            font-size: 14px;
        }

        .topnav .menu-icon {
            padding-top: 8px;
        }
    }

    @media screen and (max-width: 360px) {
        .hamenu {
            padding: 100px 0px 10px;
        }
    }