body{background:  url(../images/bg.jpg) no-repeat; background-size: cover;}
body{background:  url(../images/bg.jpg) no-repeat; background-size: cover;}
.login-content{margin-top:25%;}
.login-content img{width:100%;}
.login-container input{  background-color:rgba(239, 196, 196, 0.3);color:#FEE7E1;padding-left:15px;}
.login-container a{background-color: #DA444D; opacity: 0.8; color:white;border-bottom: #BB1112 solid 2px;}
.login-container{margin:0% 2%;color: #4B2E1E;text-align: center;text-transform: uppercase;}
.login-container h1{font-weight: 100;
  font-size: 23px;}
#memberNum{margin-bottom:2%;}
#loginBtn:hover{border-bottom:#BB1112 solid 2px;}
#loginBtn{font-weight:100;}

/*---- Home page -------*/
 .title{ padding: 0px 0px;font-weight: 100;font-size: 18px; color : #a52327}
 .backBtn{background:  url(../images/back.png) no-repeat;background-size: cover;  top: 13px;}
 .closeBtn{background:  url(../images/close.png) no-repeat;background-size: 20px;  top: 13px;}
 .menuBtn{background:  url(../images/menu.png) no-repeat;background-size: 25px;  top: 13px;}
 .ui-header {  background-color: #DA444D !important;position:fixed;width:100%;}
 
 .home-content{margin-top:20px;}
 .menulogo{margin-top:5%;}
 .menulogo img{width:100%;}
 .menuImg{width:100%}
 .ui-block-a ,.ui-block-b, .ui-block-c{padding:5%;text-align: center;}
  .ui-block-a h1, .ui-block-b h1, .ui-block-c h1{font-size: 14px;font-weight: 100;text-transform: uppercase;color:white;}
 
 /*----- Profile page --------*/
 .profileBannerImg img{}
 .profileBanner{width: 100%;height: 125px;border-bottom: red solid 2px;}
 .profileImg{width: 23%;margin: 0% 32%;}
 .userImg{margin-top: -75px;}
 .userDetails{ text-align: center;text-transform: uppercase;}
 .userDetails h1{font-weight: 100;font-size: 22px;}
 .bdayDetails{  background-color: #FFD800;margin-top: 5%;background: url(../images/cake.png) 15px 5px yellow no-repeat;padding: 10px 55px;background-size: 30px;}
 

  
  .userOptions{color:white; text-transform:uppercase;margin: 0% 5%;} 
  .userOptions a{color: white;border-bottom: #BC1314 solid 2px;margin-top: 10%;}
  #optionsList a:hover{border-bottom-color:#BC1314;}
  #bookingRequest{background:  url(../images/booking-request.png) 10% #DA444D no-repeat;background-size: 20px;font-weight: 100;}
  #memberFee{background:  url(../images/membership-fees.png) 10% #DA444D no-repeat;background-size: 20px;font-weight: 100;}
  #notice{background:  url(../images/notice.png) 10% #DA444D no-repeat;background-size: 20px;font-weight: 100;}
  
  /*-------- Booking Request-------------*/
  .booking-container input{background-color: rgba(8, 8, 8, 0.12);margin-bottom: 15px;color:#FEE7E1;padding-left: 15px;}
  #bookingDate{background:  url(../images/calender.png) rgba(8, 8, 8, 0.12) 95% no-repeat;background-size: 30px;}
  #bookingDay{background:  url(../images/calender.png) rgba(8, 8, 8, 0.12) 95% no-repeat;background-size: 30px;}
  #bookStartTime{background:  url(../images/time.png) rgba(8, 8, 8, 0.12) 95% no-repeat;background-size: 30px;}
  #bookSubmitBtn{background-color:#F7C471;color: rgb(29, 29, 29);font-weight: 100;border-bottom: #BB1112 solid 1px;}
  #bookFacility{background-color:rgba(8, 8, 8, 0.12);color: #FEE7E1;padding-left: 10px;border:none;}
  #comments{background-color: rgba(8, 8, 8, 0.12);border:none;margin-bottom: 35px;color: #FEE7E1;padding-left: 15px;}
 .booking-container{/* margin: 0% 3%; */ margin: 48px 10px 0px 10px;}
 .ui-field-contain span{color: black;opacity: 0;}
 
 /*----- membership fee page ------*/
 .payBtn{  width: 30%;  padding: 5px 0px;margin: 5%; float: right;margin-top: -46px; background-color: #DA444D;text-align: center;color:white;}
 .fee-type{  width: 60%;line-height: 22px;}
 .fee-list{background-color:rgba(255, 255, 255, 0.24);padding: 5px;margin-top: 15px;}
 .fee-container{margin:0% 3%}
 
 /*-------- Message page ----------*/
 .msg-types a{background-color:#DA444D;color: white;border-bottom: #BC1314 solid 2px;margin-top: 10%;text-transform:uppercase;  font-weight: 100 !important;}
 #mang-List a:hover{border-bottom-color:#BC1314;}
 .msg-types{margin: 0% 3%;}
 
 
 /*--------- Updates page ---------*/
  .update{ background-color: white;line-height: 10px;padding-bottom: 15px; margin-top:15px;}
  .update img{width:100%; height:280px}
  .update p{padding-left: 15px;}
  .update span{padding-left: 15px;font-size: 14px;}
  .update-container{/*margin: 0% 3%;*/   margin: 60px 10px 0px 10px;}
  
  /*-------- gallery album main page  -------*/
  .album{width:37%; background-color:white;float: left;margin: 5%;padding: 5px;  line-height: 9px;}
  .album img{width:100%;}
  .album span{font-size: 10px;}
  
  /*---------gallery section  ---------*/
  #iGallery{  list-style: none;margin-left: -40px}
  #iGallery img{width:100%;}
   #iGallery li{float:left;  width:38%;padding: 20px;}
   
  /*------- aminities album page -------*/
.aminites-album{width: 37%;background-color: white;float: left;margin: 5%;padding: 5px;line-height: 9px;}
.aminites-album img{width:100%;}
.aminites-album p{text-align: center;font-size: 14px;text-transform: uppercase;}
 /*-------- aminities gallery page ---------*/
 #iAminitesGallery{  list-style: none;margin-left: -40px}
 #iAminitesGallery img{width:100%;}
 #iAminitesGallery li{float:left;  width:38%;padding: 20px;}
 
  /*-------- committee page  ------*/
  .comit-member {
    float: left;
    width: 50%;
}
  .commit-details{/*width: 31%; float: left; margin-top: 9%;padding-left: 10px;  margin-bottom: 20px;*/}
  .commit-details,.commit-details3,.commit-details4 {
    width: 100%;
    padding-left: 0px;
    margin-bottom: 20px;
    margin-top: 5px;
}
  /*.commit-details3{width: 30%; float: left; margin-top: 9%;padding-left: 8px;  /*line-height: 20px; */ margin-bottom: 20px;}
  
   .commit-details4{width: 33%; float: left; margin-top: 8.5%;padding-left: 3px;  /*line-height: 20px; */ margin-bottom: 20px;}*/
  
  .comit-member img{     /*float: left;
    height: 115px;
    width: 16%;*/
    height: 115px;
    width: auto;
}
  .committee-cont{margin: 15px 20px;}
  
 .member-name{ text-transform: capitalize;font-size: 14px; font-family: 'Roboto',sans-serif !important ;}
 .designation{font-size: 11px;font-family: 'Roboto',sans-serif !important ;}
 
 /*--------- messaging page -------*/
 .comit-member-msg img{width: 35%;float: left;}
 .commit-details-msg{width: 60%; float: left; margin-top: 22%;padding-left: 10px;  /*line-height: 20px; */ margin-bottom: 20px;}
  .msg-data{ background-color: rgba(15, 14, 14, 0.1);color: white;margin-left: 20px;
  margin-right: 20px; margin-top: 40%;}
  .messaging-cont{margin: 15px 20px;}
 .msg-data p{ padding: 10px;font-size: 14px;line-height: 20px;text-align: justify;}
 
 /*--------- Rules page --------*/
 .rules-banner{width:100%}
 .rules-bar{  background-color: #DA444D; padding: 10px 20px; color: white; margin-top: -4px;  text-transform: uppercase;  margin-bottom: -8px;}
 .rules-bar a{  float: right;text-decoration: none;color: white;font-weight: 100;}
 .rules-dropdown{width: auto;margin-left: 14%;}
 .rules-content{margin: 0px 15px;color: white;background-color: rgba(15, 14, 14, 0.1);}
 .rules-content p{  padding: 12px;text-align: justify;font-size: 14px;line-height: 20px;}
 
 /*-------- Contact page ------*/
 .contact-banner{width:100%;}
 .contact-bar{  background-color: #DA444D; padding: 10px 20px; color: white; margin-top: -4px;  margin-bottom: -8px;  text-transform: uppercase;}
 .contact-dropdown{width: auto;margin-left: 11%;}
 .contact-content{margin: 0px 15px;color: white;  background-color: rgba(15, 14, 14, 0.1);padding: 10px;}
  .contact-content h1{font-size:16px; font-weight:100;}
  .contact-content p{font-size:14px;line-height: 18px;}
  #contact-mail{  background: url(../images/email.png) 0% no-repeat;background-size: 13px;
  padding-left: 25px;color: white;text-decoration: none;line-height: 30px;font-weight: 100;}
  #jvp-website{ background: url(../images/website.png) 0% no-repeat;background-size: 13px;
  padding-left: 25px;color: white;text-decoration: none;font-weight: 100;}
  .enquiry-Btn{margin: 30px 0px 60px 0px;text-align: center;}
  #enq-btn{  color: white;border: white solid 1px; display:inline;font-weight: 100;}
  
  /*------- enquiry Page -------*/
  .enquiry-form{margin: 0px 15px 0px 15px;}
  .enquiry-form input{ background-color:rgba(239, 196, 196, 0.3);  margin-bottom: 20px;color:#FEE7E1;padding-left:15px;}
  #enquiry-msg{background-color:rgba(239, 196, 196, 0.3);border:none;color:#FEE7E1;padding-left:15px;}
  #enq-submit-btn{color: white;border: white solid 1px; display:inline;font-weight: 100;
  padding:7px 18px;}
  
  
  /* imageflip CSS. Copy & Paste this to your CSS file */
#imageflippage	{background-color:#000; margin:0px; padding:0px; border:none; height:100%; width:100%}
#tadcontent		{padding:0px; margin:0px; position:relative; background:#000; height:100%; width:100%;}
#imageflipimg	{vertical-align:middle; height:100%; width:100%; z-index:98; background-position:center; background-size:contain; text-align:center; background-repeat:no-repeat }
#imagefliper	{width:100%; top:45px; bottom:0px; position:absolute; z-index:99}
#tadnavi		{position:fixed; top:0px; z-index:100; width:100%; opacity:0.7; display:none }
#tadinfo		{position:fixed; display:none; bottom:0px; width:100%; padding:5px; background-color:#333333; opacity:0.7; color:#FFFFFF; text-align:center; font-size:small; font-family:Verdana, Geneva, sans-serif}

.ui-mobile, .ui-mobile .ui-page {
    min-height: 100% !important;
}

textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: #a2a2a2;
}
input::-webkit-input-placeholder { /* WebKit browsers */
    color: #a2a2a2;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a2a2a2;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#a2a2a2;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #a2a2a2;
}

.test{  transition: height 0.25s;}

.commit-details1{width: 30%; float: left; margin-top: 9%;padding-left: 10px;  /*line-height: 20px; */ margin-bottom: 20px;}


 .update-title {
    text-transform: capitalize;
    font-size: 18px;
	font-family: robotoregular !important;
    color: #A52226 !important;
	line-height:20px;
}

.update-info{
font-size: 14px;
font-family: robotolight;
color:black;
}

.update-left-contain{
    float: left;
    /* height: 100%;
    width: 100px; */
}

.update-details{
width: 75%; 
float: left; 
margin-top: 0.5%;
padding-left: 1px;  
/*line-height: 20px; */
 margin-bottom: 20px;
 text-align: justify;


} 

.funfacts
{
    font-size: 14px;
    font-family: 'Roboto',sans-serif !important;
	list-style-type: disc;
	line-height: 28px;
	color:black;
	display: inline-block;
}
.fun1
{
margin-left: 20px;
font-size: 14px;
font-family: roboto;
list-style-type: disc;
}