@font-face {
    font-family: 'futurabold_italic';
    src: url('../fonts/futura_bold_italic_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_bold_italic_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futurabook';
    src: url('../fonts/futura_book_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_book_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuraheavy';
    src: url('../fonts/futura_heavy_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_heavy_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuralight';
    src: url('../fonts/futura_light_bt-webfont.woff2') format('woff2'),
         url('../fonts/futura_light_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuralight_italic';
    src: url('../fonts/futura_light_italic_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_light_italic_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuramedium';
    src: url('../fonts/futura_medium_bt-webfont.woff2') format('woff2'),
         url('../fonts/futura_medium_bt-webfont.woff') format('woff');
    font-weight: normal;
	font-style: normal;
	

}

html {
	margin: 0;
	padding: 0;
	height: 100%;
  }
  body {
	font-family: 'futuramedium', sans-serif;
	font-size: 14px;
	line-height: 1.8;
	background-color: #f0ede8;
	color: #384047;
	font-weight: 500;
	position: relative;
	padding: 0;
	width: 100%;
	min-height: 100vh;
	height: 100vh;
	overflow-x: hidden;
	-webkit-font-kerning: auto;
	-moz-font-kerning: auto;
	font-kerning: auto;
	-o-font-kerning: auto;
  }



  .main_wrapper{
	padding-top: 90px;
	display: flex;
	-ms-dispay:flex;
	-moz-display:flex;
	flex-direction: row;
    justify-content: center;
}

.main_container{
	min-width: 0;
	width: 100%;
	min-height: calc(100vh - 90px);
	max-width: 500px;
    margin: 0 10px;
	background: #fff;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.left_wrapper{
	width: 243px;
	position: -webkit-sticky;
	position: sticky;
	top: 80px;
	align-self: flex-start;
    overflow-x: hidden;
	border-radius: 15px;
}

.left_wrapper::-webkit-scrollbar {
    width: 5px;
}
 
.left_wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
 
.left_wrapper::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.right_wrapper{
   width: 297px;
   position: -webkit-sticky;
   position: sticky;
   align-self: flex-start;
   top: 80px;
   overflow-x: hidden;
   border-radius: 15px;
}

.right_wrapper::-webkit-scrollbar {
    width: 5px;
}
 
.right_wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
 
.right_wrapper::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/* top header no nav */

.top_header_no_nav{
	display: flex;
	flex-direction: row;
    align-items: center;
	background: #fff;
	overflow: hidden;
	width: 100%;
	height: 70px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	padding: 0 20px;
	z-index: 999;
	-webkit-box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
    box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
}

.top_header_no_nav .logo{
	width: 200px;
	height: auto;
	margin-left: 50px;
	cursor: pointer;
}

/*header*/
.top_header{
	display: flex;
	flex-direction: row;
    align-items: center;
	background: #fff;
	overflow: hidden;
	width: 100%;
	height: 70px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	padding: 0 20px;
	z-index: 999;
	-webkit-box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
    box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
}

.top_header > div{
	flex: 1;
}
.top_header > div:first-child{
	margin-left: 60px;
}

.top_header .logo{
	width: 200px;
	height: auto;
	cursor: pointer;
}

.top_header .nav_icon_container{ 
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-right: 60px;
}

.top_header .nav_icon_container ul{
	display: flex;
	flex-direction: row;
	margin: 0;
	padding: 0;

}

.top_header .nav_icon_container ul li{
    list-style: none;
	margin-right: 30px;

}

.top_header .nav_icon_container ul li:last-child{
	margin-right: 0;
}

.top_header .nav_icon_container ul li img{
	height: 30px;
	width: 30px;
}

/* mobile header */
.top_header_mobile{
	display: none;
	flex-direction: row;
    align-items: center;
	background: #fff;
	overflow: hidden;
	width: 100%;
	height: 70px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	padding: 10px 20px;
	z-index: 999;
	-webkit-box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
    box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
}

.top_header_mobile > div.menu_toggle{
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}


.top_header_mobile > div.menu_toggle .toggler_icon{
	cursor: pointer;
}
.top_header_mobile > div.menu_toggle .toggler_icon img{
	height: 30px;
	width: 30px;
}

.top_header_mobile > div.logo{
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.top_header_mobile > div.icons_container{
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.top_header_mobile > div.icons_container .noti_icon{
	cursor: pointer;
}
.top_header_mobile > div.icons_container .noti_icon img{
  height: 30px;
  width: 30px;
}

#menu_fade_bg{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	right: 0;
	z-index: 1040;
	background-color: rgba(0,0,0,0.3);
	display: none;
}

.mobile_side_menu{
	height: 100%;
    max-width: 80%;
	background: #f0ede8;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	overflow-x: hidden;
    padding:1rem;
    position: fixed;
    top: 0;
	left: -100%;
	z-index: 1045;
	-webkit-transition: all 0.8s ease;
     transition: all 0.8s ease;
}


.mobile_side_menu.is_open{
	left: 0;
}
.mobile_side_menu .profile {
	padding: 10px 0 30px 0;
}
.mobile_side_menu .profile .name{
	color: #000;
	font-size: 1rem;
	font-weight: bold;
}

.mobile_side_menu .menu_items ul{
	padding: 0;
	margin:0;
	width: 100%;
   list-style: none;
}

.mobile_side_menu .menu_items ul li{
	list-style: none;
	display: flex;
	font-size: 1rem;
	width: 100%;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px;
	cursor: pointer;
}

.mobile_side_menu .menu_items ul li:last-child{
	margin-bottom: 0;
}

.mobile_side_menu .menu_items ul li span{
	margin-right: 0.5rem;
}
.mobile_side_menu .menu_items ul li img{
	height: 30px;
	width: 30px;
}


/*left panel*/
.left_panel{
   background: #fff;
   border-radius: 15px;
   padding: 20px;
}


.left_panel ul{
	margin: 0;
	padding: 0;
}

.left_panel ul li{
	width: 100%;
	padding: 10px 0;
	list-style: none;
	font-weight: bold;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
    transition:background-color 2s ease;;
	
}


.left_panel ul li a{
	display: flex;
	align-items: center;
}
/* .left_panel ul li:hover{
	background-color:rgb(203, 164, 73);
} */

.left_panel ul li:last-child{
	border-bottom: none;
}

.left_panel ul li span{
	margin-right: 10px;

}
.left_panel ul li span img{
	width: 30px;
	height: auto;
}

/*right panel*/

.right_panel{
   background: #fff;
   border-radius: 15px;
}

/* .right_panel div.sec{
	height: 33.33%;
} */

.right_panel .profile_control ul{
  padding:0;
  margin:0;

}

.right_panel .profile_control ul li{
	list-style: none;
	padding:10px;
    border-bottom: 1px solid #ddd;
}
.right_panel .profile_control ul li a{
	display: flex;
	height: 100%;
	align-items: center;

}

.right_panel .profile_control ul li img{
	height: 30px;
	width: 30px;
	
}

.right_panel .profile_control ul li span{
	margin-right: 10px;
}

.right_panel  .membership_card{
	
	padding:30px 30px 20px 30px;

}


.right_panel  .membership_card > div{
	width: 100%;
	position: relative;
}
.right_panel  .membership_card > div .qr_container{
	position: absolute;
	top: 15px;
	right: 15px;
}

.right_panel  .membership_card > div .qr_container img{
	height: 50px;
	width: 50px;
	border-radius: 5px;
}
.right_panel  .membership_card > div .cust_info{
	position: absolute;
	bottom: 12px;
	left: 12px;
	text-transform: capitalize;
}

.right_panel  .membership_card > div .cust_info > span{
	text-overflow: ellipsis;
	overflow: hidden; 
	line-height: 1em;
	width: 110px; 
	white-space: nowrap;

}

.right_panel  .membership_card > div .cust_info > span:nth-child(2){
	margin-top: 5px;
}
.right_panel  .membership_card > div img{
	width: 100%;
	height: auto;
}

.right_panel .level_container{
  padding: 0 20px 20px 20px;
}


.right_panel .level_inner_container{
	position: relative;
	margin:0;
	padding: 0 !important;

}

.right_panel .level_inner_container span{
	position: absolute;
	height: 1.2em;
	right: 5px;
	color: gray;
	top: 0;
}


.right_panel .level_inner_container span img{
	height: 1em;
	margin-right: 5px;
	width: auto;
}

.level_container .level_slider{
    -webkit-appearance: none !important;
	-moz-apperance: none !important;
	width: 100%;
    border-radius: 15px;
	height: 1.2em;
	border: 1px solid #ddd;
}

.level_container .level_slider{

	background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.15, #ffd086),
        color-stop(0.15, #fff)
    );
}

.level_container .level_slider::-webkit-slider-thumb {
    -webkit-appearance: none !important;
	appearance: none;
	background-color: transparent !important;
	border: 0;
	width: 1.7em; 
	height: 1.7em; 
	cursor: pointer; 
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}


.level_container .level_slider::-moz-range-thumb {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background-color: transparent !important;
	border: 0;
	width: 1.7em; 
	height: 1.7em;  
	cursor: pointer;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
  }

  .level_container .level_slider.gold::-webkit-slider-thumb{
	background-image: url('../images/icons/gold.png');
	
  }
  .level_container .level_slider.gold::-moz-range-thumb{
	background-image: url('../images/icons/ic_gold.png');
  }
  

  .level_container .level_slider.classic::-webkit-slider-thumb{
	background-image: url('../images/icons/classic.png');
	
  }
  .level_container .level_slider.classic::-moz-range-thumb{
	background-image: url('../images/icons/classic.png');
  }

  .level_container .level_slider.silver::-webkit-slider-thumb{
	background-image: url('../images/icons/silver.png');
	
  }
  .level_container .level_slider.silver::-moz-range-thumb{
	background-image: url('../images/icons/silver.png');
  }

  .level_container .level_slider.diamond::-webkit-slider-thumb{
	background-image: url('../images/icons/diamond.png');
	
  }
  .level_container .level_slider.diamond::-moz-range-thumb{
	background-image: url('../images/icons/diamond.png');
  }

  .level_container .level_slider.guest::-webkit-slider-thumb{
	background-image: url('../images/icons/guest.png');
	
  }
  .level_container .level_slider.guest::-moz-range-thumb{
	background-image: url('../images/icons/guest.png');
  }

  .level_container .level_slider.star::-webkit-slider-thumb{
	background-image: url('../images/icons/star.png');
	
  }
  .level_container .level_slider.star::-moz-range-thumb{
	background-image: url('../images/icons/star.png');
  }

.right_panel .noti{
	padding:20px;
	overflow-x: hidden;
	overflow-y: auto;
}

.right_panel .noti .head{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.right_panel .noti .head .title{
	text-transform: uppercase;
	letter-spacing: 2px;
}

.right_panel .noti .head img{
	height: 30px;
	width: 30px;
}

.right_panel .noti .contents{
	display: flex;
	flex-direction: column;
}

.right_panel .noti .contents > div{
	margin: 10px 0;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}

.right_panel .noti .contents > div .noti_body{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; 
}

.right_panel .noti .contents .title_container{
	display: flex;
	flex-direction: row;
}

.right_panel .noti .contents .title_container .title{
	flex: 1;
	color:#b2906b;
}

.right_panel .noti .contents .title_container .date{
	font-weight: bold;
}

/*login*/



.login_toggle{
   height: 40px;
   color: gray;
   border: 1px solid#d5c067;
   font-weight: bold;
   font-size: 1rem;
   flex: 1;
   position: relative;
   cursor: pointer;
}

.login_toggle:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.login_toggle:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}


.login_toggle.is_open{
	background: #d5c067;
	color: #fff;
}

.login_toggle.is_open::after{
	content: '';
	position: absolute;
	bottom: -10px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #d5c067;

}

.form_icon{
	height: 20px;
	width: 20px;
	max-width: 20px;
}
.login_title{
	padding: 2rem 0;
	font-size: 2em;
	display: block;
	color: gray;


}

#login_phone_number{
	width: 100%;
}
.login_container input{
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	outline:0;
	width: 100%;
}

.login_container .iti{
	width: 100%;
}

.login_container .input-group-addon{
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 1px solid #ddd;
	background: transparent !important;
}


.login_container .input-group{
	margin-bottom: 1.5rem;
}

/* .login_container label{
	font-weight: bold;
} */

.login_container .forgot_link{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2rem 0;
}

.login_container .login_btn_container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex: 1;
	padding: 0 20px;
	margin-bottom: 2rem;
}

.login_container .login_btn_container .login_btn{
	width: 100%;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 15px;
	padding: 10px;
	background: #f2edda;
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
    -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	border: 0;
	outline: 0;
}

.login_container .social_login_container{
	display: flex;
	flex-direction: column;
	padding: 0 20px;

}

.login_container .social_login_container > div{
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	align-items: center;
	margin-bottom: 1rem;
}

.login_container .social_login_container > div >button{
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
    -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	border-radius: 15px;
	width: 100%;
	padding: 10px;
	border: 0;
	outline: o;
}

.login_container .social_login_container > div.fb > button{
	background: #4a639c;
	color: white;
}
.login_container .social_login_container  button img{
  position: absolute;
  left: 25px;
  top: 10px;
  height: 25px;
  width: 25px;
  
}
.login_container .social_login_container > div.google > button{
	background: #db2429;
	color: white;
}

.login_container .social_login_container > div.apple > button{
	background: #fff;
	color: #000;
}



.login_container .dont_have_account{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 1rem 0;
	padding: 0 20px;
}

.login_container .dont_have_account > div:first-child{
	margin-bottom: 1rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.login_container .dont_have_account > a{
	margin-left: 5px;
}


/* profile page */

.profile_page .profile_page_card_container .membership_card{
    padding: 30px 30px 20px 30px;
}

.profile_page .profile_page_card_container .membership_card > div{
	width: 440px;
	position: relative;
	padding: 0;
	margin: 0;
}
.profile_page .profile_page_card_container .membership_card > div img {
    width: 440px;
	height: auto;

}

.profile_page .profile_page_card_container .membership_card > div .qr_container {
    position: absolute;
    top: 30px;
    right: 30px;
}

.profile_page .profile_page_card_container .membership_card > div .qr_container img {
    height: 100px;
	width: 100px;
	border-radius: 5px;
}

.profile_page .profile_page_card_container .membership_card  > div .cust_info {
    position: absolute;
    bottom: 30px;
    left: 30px;
	text-transform: capitalize;
	font-weight: bold;
}
.profile_page .profile_page_card_container .membership_card > div .cust_info > span{
	text-overflow: ellipsis;
	overflow: hidden; 
	line-height: 1em;
	width: 200px; 
	white-space: nowrap;
}
.profile_page .profile_page_card_container .membership_card > div .cust_info > span:first-child{
	font-size: 1rem;
}
.profile_page .profile_page_card_container .membership_card > div .cust_info > span:nth-child(2){
	margin-top: 5px;
}
.profile_page .profile_page_card_container .level_container {
    padding: 0 20px 20px 20px;
}
.profile_page .profile_page_card_container .level_inner_container {
    position: relative;
    margin: 0;
    padding: 0 !important;
}

.profile_page .profile_page_card_container .level_inner_container span{
	position: absolute;
	height: 1.2em;
	right: 5px;
	color: gray;
    top: 0;

}


.profile_page .profile_page_card_container .level_inner_container span img {
	height: 1em;
	margin-right: 5px;
    width: auto;
}

.profile_page .profile_page_head{
	 
	padding:20px;
	-webkit-box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
    box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
}

.profile_page .profile_control ul{
 margin: 0;
 padding: 0;
}

.profile_page .profile_control ul li{
	list-style: none;
	padding: 20px;
	position: relative;
	border-bottom: 1px solid #ddd;

}

.profile_page .profile_control ul li:last-child{
	border-bottom: 0;
}

.profile_page .profile_control ul li a{
	display: flex;
	align-items: center;
}
.profile_page .profile_control ul li a span{
	margin-right: 10px;
}
.profile_page .profile_control ul li img{
	height: 30px;
	width: 30px;
}

.profile_page .profile_control ul li img.link_icon2{
	position: absolute;
	right: 20px;
	top: 20px;
}
/*home panel*/

.forRate_panel {
	cursor:pointer;
	font-family: sans-serif;
}

.rate_points_panel {
	justify-content: flex-end !important;
}

.forRate_panel p{
	margin-bottom: 10px;
	padding: 0;
	line-height: 20px;
	font-size: 14px !important;
}

.rate_points_panel .rate_pts_wrapper{
	background-color: green;
	float: right;
	border-radius: 8px;
	color: white;
	text-align: center;
	padding: 1px;
}

.rate_points_panel .rate_pts_wrapper p {
	font-size: 10px !important;
	margin: 0;
	padding: 0 8px;
}

.rate_modal_header{
	letter-spacing: 5px;
}
/* rating */
#ratingModal .modal-dialog {
    /*max-width: 350px !important;*/
    max-width: 400px !important;
    margin: auto;
}

#ratingModal .far {
    margin: 0 10px;
}

#ratingModal .fas {
    margin: 0 10px;
}

#ratingModal #rating_container {
    font-size: 2rem;
    text-align: center;
    margin: 20px 0;
    color: rgb(255, 165, 0);
}

#ratingModal #review_title{
	font-size: 20px;
	text-decoration: underline;
}

#ratingModal #review_panel{
	text-align: center;
}

#ratingModal #rate_status{
	text-align: center;
}

#submit_rate_wrapper{
	margin-bottom: 1rem;
}

#ratingModal #review_input{
	margin-bottom: 1rem;
}

#ratingModal #information_panel #info_title{
	font-size: 20px;
}

#ratingModal #information_panel .info_data_title{
	margin: 0;
}

#ratingModal #information_panel .info_data_value {
	border-bottom: 1px solid black;
}
/*rating 2*/
#ratingModal2 .modal-dialog {
    max-width: 350px !important;
    margin: auto;
}

#ratingModal2 .far {
    margin: 0 10px;
}

#ratingModal2 .fas {
    margin: 0 10px;
}

#ratingModal2 #rating_container2 {
    font-size: 2rem;
    text-align: center;
    margin: 20px 0;
    color: rgb(255, 165, 0);
}

#ratingModal2 #review_title{
	font-size: 20px;
	text-decoration: underline;
}

#ratingModal2 #review_panel{
	text-align: center;
}

#ratingModal2 #rate_status{
	text-align: center;
}

#ratingModal2 #review_input{
	margin-bottom: 1rem;
}

#ratingModal2 #information_panel #info_title{
	font-size: 20px;
}

#ratingModal2 #information_panel .info_data_title{
	margin: 0;
}

#ratingModal2 #information_panel .info_data_value {
	border-bottom: 1px solid black;
}

.forRate_panel .rate_title{
	width: 70%;
	align-self: flex-start;
	font-family: sans-serif;
}

.forRate_panel .rate_loc{
	align-self: flex-start;
	margin-bottom: 0;
	font-weight: bold;
}


.forRate_panel .purchase_date{
	align-self: flex-start;
	font-size: 12px !important;
	font-weight: bold;
}

.forRate_panel .days_left{
	align-self: flex-start;
	font-size: 10px !important;
}

.forRate_panel .days_left b{
	margin-left: 10px;
}

.contents_container{
	display: flex;
	flex-direction: column;
}

.banner{
   position: relative;  
   width: 100%;
   /* min-height: 400px;
   height: 400px; */
}
.banner img:not(.back_btn){
	width: 100%;
	height: auto;
}

.banner img.back_btn{
	position: absolute;
	top: 35px;
	left: 20px;
	height: 30px;
	width: 30px;
	-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	border-radius: 50%;
	cursor: pointer;
}

#home_banner_slider{
  display: flex;
  flex-direction: row;
  width: 100%;
}


#home_banner_slider .owl-stage-outer{
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#home_banner_slider .owl-stage .owl-item{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
#home_banner_slider .owl-stage .owl-item > div{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	z-index: 2;
}
#home_banner_dots_container {
	position: absolute;
	bottom: 40px;
	width: 100%;
	text-align: center;
	z-index: 3;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#home_banner_dots_container .owl-dot{
	cursor: hand;
}
#home_banner_dots_container .owl-dot span{
	width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: rgba(203, 164, 73,0.5);
    display: block;
    transition: opacity .2s ease;
	border-radius: 30px;
}

#home_banner_dots_container .owl-dot.active span{
	background: rgb(203, 164, 73);
}

.contents_container .banner .edge_style{
	position: absolute;
	bottom: 0;
	width: 100%;
	background:#fff9de;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	height: 20px;
	display: flex;
	flex-direction: row;
	z-index: 3;
	-webkit-box-shadow: 0px -8px 10px -4px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px -8px 10px -4px rgba(50, 50, 50, 0.2);
  box-shadow: 0px -8px 10px -4px rgba(50, 50, 50, 0.2);
}

.contents_container .banner .edge_style > div{
	width: 50%;

}

.contents_container .banner .edge_style > div:first-child{
	border-right: 1px solid #bbb5b5;
}

.contents_container .content{
   width: 100%;
   display: flex;
   flex-direction: column;
   border-collapse: separate; 
}

.contents_container .heading{
	display:flex;
	-ms-display:flex;
	-moz-display:flex;
	flex-direction: row;
	background: rgb(252,232,199);
   background: linear-gradient(0deg, rgba(252,232,199,1) 30%, rgba(255,249,222,1) 70%);

}

.contents_container .heading > div{
	display: flex;
	width: 50%;
	flex-direction: column;
	border-bottom: 1px solid #bbb5b5;
	padding: 0 20px 20px 20px;
}

.contents_container .heading .left{
	border-right: 1px solid #bbb5b5;
}
.contents_container .heading .left .name{
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  justify-content: center;
  text-transform: uppercase;

}

.contents_container .heading .left > div,.contents_container .heading .right > div{
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
	white-space: nowrap;
}
.contents_container .heading .left .id{
  display: flex;
  justify-content: center;
  color: gray;
}
.contents_container .heading .right .status{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
    font-weight: bold;

}

.contents_container .heading .right .status img{
	height: 30px;
	width: 30px;
	margin-right: 10px;
}

.contents_container .heading .right .credit{
  display: flex;
  justify-content: center;
  color: gray;
}


.contents_container .content .main_body{
	padding: 20px;
	display:flex;
	-ms-display:flex;
	-moz-display:flex;
	flex-direction: column;

}
.contents_container .content .main_body .home_slider1{
	 display: flex;
	 flex-direction: row;
	 margin-bottom: 20px;
}
.contents_container .content .main_body .home_slider1 > div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.contents_container .content .main_body .home_slider1 > div div.owl-item > div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
} 

.contents_container .content .main_body .home_slider1 div img.img_icon{
	height: 50px;
	width: 50px;
}
.contents_container .content .main_body .home_slider1 div img.img_icon + span{
   font-weight: bold;
}

#home_slider1_dots_container{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom:30px;
}

#home_slider1_dots_container .owl-dot{
	cursor: hand;
}
#home_slider1_dots_container .owl-dot span{
	width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: rgba(203, 164, 73,0.5);
    display: block;
    transition: opacity .2s ease;
	border-radius: 30px;
}

#home_slider1_dots_container .owl-dot.active span{
	background: rgb(203, 164, 73);
}

.contents_container .content .main_body .home_slider2{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 50px;
}




.contents_container .content .main_body .home_slider2 div.slide{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 15px;
	border:1.5px solid rgb(203, 164, 73);
	padding:15px;
	flex: 1 0 auto;

}

.contents_container .content .main_body .home_slider2  div.owl-stage{
	display: flex;
} 

.contents_container .content .main_body .home_slider2 > div > div div.owl-item{
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 0 auto;
	
}

.contents_container .content .main_body .home_slider2 > div > div div.owl-item > div > div{
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
}
.contents_container .content .main_body .home_slider2 > div  p{
	text-transform: uppercase;
	font-size: 1rem;
}
.contents_container .content .main_body .home_slider2 > div > div img.star{
	height: 30px;
	width:30px;
	margin-right: 10px;
}
.contents_container .content .main_body .home_slider2 > div > div img.star:last-child{
	margin-right: 0;
}

.contents_container .content .main_body .home_slider2 > div button.invite_btn{
	width: 100%;
	padding:5px;
	background: #f2edda;
	text-transform: uppercase;
	font-weight: bold;
	border:0;
	outline: 0;
	border-radius: 15px;
    -webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
    -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
    box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
}

.contents_container .content .main_body .home_slider3{
	display: flex;
	flex-direction: column;
	margin-bottom: 50px;
}
.contents_container .content .main_body .home_slider3 > div{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.contents_container .content .main_body .home_slider3 > div:first-child{
	margin-bottom: 20px;
	position: relative;
	text-transform: uppercase;
}
.contents_container .content .main_body .home_slider3 > div:first-child img.icon_1 {
  height: 30px;
  width: 30px;
  margin-right: 10px;
}
.contents_container .content .main_body .home_slider3 > div:first-child img.icon_2 {
  height: 30px;
  width: 30px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.contents_container .content .main_body .home_slider3 .slides{
 display: flex;
 flex-direction: row;
 justify-content: space-between;


}
.contents_container .content .main_body .home_slider3 .slides > div{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.contents_container .content .main_body .home_slider3 .slides > div > img{
	height: 100%;
	width: 100%;
}

.contents_container .content .main_body .home_slider3 .slides div  p{
   text-align: center !important;
   margin-top: 10px;
   line-height: normal;
   overflow: hidden;
   text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;

}

.contents_container .content .main_body .new_rewards{
	padding:15px;
	display: flex;
	flex-direction: column;
	background: #f2edda;
	border-radius: 15px;
	margin-bottom: 50px;
}

.contents_container .content .main_body .new_rewards > div:first-child{
	display: flex;
	flex-direction: row;
	position: relative;
	text-transform: uppercase;
	align-items: center;
	margin-bottom: 20px;
}

.contents_container .content .main_body .new_rewards > div:first-child img.icon_1 {
  height: 30px;
  width: 30px;
  margin-right: 10px;
}
.contents_container .content .main_body .new_rewards > div:first-child img.icon_2 {
  height: 30px;
  width: 30px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.contents_container .content .main_body .new_rewards > div.rewards{
	display: flex;
	flex-direction: column;

}
.contents_container .content .main_body .new_rewards > div.rewards > div{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 30px;
}
.contents_container .content .main_body .new_rewards > div.rewards > div:last-child{
	margin-bottom: 0;
}
.contents_container .content .main_body .new_rewards > div.rewards > div > img{
	height: 100px;
	width: 100px;
	border-radius: 15px;
	margin-right: 20px;
}
.contents_container .content .main_body .new_rewards > div.rewards > div > div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	width: 100%;
}

.contents_container .content .main_body .new_rewards > div.rewards > div > div > p{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.contents_container .content .main_body .new_rewards > div.rewards > div > div .points{
	font-weight: bold;
}

.links{
	display: flex;
	flex-direction: column;
	padding: 30px;
	background: #dce1e5;
}
.links p{
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 30px;
	font-size: 1.3rem;
	letter-spacing: 2px;
}

.links ul{
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.links ul li{
	list-style: none;
	padding: 15px 0;
	position: relative;
	font-size: 1rem;
	border-bottom: 1px solid #bdc3c7;
	cursor: pointer;

}


.links ul li a{
display: flex;


}

.links ul li .link_icon1{
	height: 30px;
	width: 30px;
	margin-right: 20px;
}
.links ul li .link_icon2{
	height: 30px;
	width: 30px;
	position: absolute;
	right: 0;
	top: 15px;
}


.member_center_links{
	display: flex;
	flex-direction: column;
	padding: 30px 0;
	background: #fff;

}


.member_center_links ul{
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.member_center_links ul li{
	list-style: none;
	padding: 20px;
	position: relative;
	font-weight: bold;
	border-bottom: 1px solid #bdc3c7;
	cursor: pointer;

}

.member_center_links ul li a{
/* 	display: flex;
height: 100%; */
}

.member_center_links ul li .link_icon1{
	height: 30px;
	width: 30px;
	margin-right: 20px;
}
.member_center_links ul li .link_icon2{
	height: 30px;
	width: 30px;
	position: absolute;
	right: 20px;
	top: 18px;
}


/* Rewards */

.main_container  .padding_content{
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.main_container  .padding_content .head{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0 30px 0;
}

.main_container  .padding_content .head .back_btn{
	height: 30px;
	width: 30px;
	-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	border-radius: 50%;
	cursor: pointer;
}
.main_container  .padding_content .head .title{
	 font-size: 1.2rem;
	 font-weight: bold;
	 text-transform: uppercase;
	 letter-spacing: 2px;
}

.main_container  .padding_content .head .options{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.main_container  .padding_content .head .options > img{
	height: 30px;
	width: 30px;
	margin-left: 10px;
	cursor: pointer;
}

.main_container .padding_content_body{
	display: flex;
	flex-direction: column;
	justify-content: center;

}

.main_container .padding_content_body  .img_card{
	display: flex;
	flex-direction: row;
    border-radius: 15px;
   -webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
   -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
   box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
   margin-bottom: 20px;
   cursor: pointer;
   height: 120px;

}

.main_container .padding_content_body  .img_card .image{
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
   position: relative;
}

.main_container .padding_content_body  .img_card .image img{
	height: 120px;
	width: 120px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
.main_container .padding_content_body  .img_card .image .reward_units{
	position: absolute;
	right: 5px;
	bottom: 5px;
	padding: 5px;
	height: 30px;
	min-width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 50%;
	background: #fff;
	border:1px solid #ddd;
}
.main_container .padding_content_body  .img_card .texts{
	flex:1;
	padding: 15px;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: flex-start;
	width: calc(100% - 120px);
}


.main_container .padding_content_body  .img_card .texts > span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;

}

.main_container .padding_content_body  .img_card .texts .main_title{ 
  font-weight: bold;
  text-transform: capitalize;
}

.main_container .padding_content_body  .img_card .texts .points{
	color: #cca44c;
	font-size: 1rem;
	font-weight: bold;
}
.main_container .padding_content_body  .img_card .texts .sub_title{
	color: red;
    font-style: italic;
}


.reward_qty_container{
	background: #f2edda;
	padding: 7px 20px;
	border-radius: 5px;
}
.reward_qty_container #reward_inc_qty, .reward_qty_container #reward_dec_qty{
	font-size: 1rem;
	font-weight: bold;
	cursor: pointer;
	
}

.reward_qty_container #reward_inc_qty img, .reward_qty_container #reward_dec_qty img{
	height: 20px;
	width: 20px;
}

.reward_qty_container #reward_qty{
	flex:1;
	background-color: transparent;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	border: 0;
	outline: 0;
   -webkit-appearance: none;
   -moz-appearance:textfield;

}

.bottom_panel_container{
 position: fixed;
 bottom: -100%;
 left: 0;
 right: 0;
 height: 50%;
 width: 100%;
 background: #fff;
 overflow: hidden;
 z-index: 1300;
 -webkit-transition: bottom 0.8s; 
 transition: bottom 0.8s;
 -moz-transition: bottom 0.8s;
 -webkit-box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
 
}
.bottom_panel_container.is_open{
	bottom: 0;
}

#bottom_panel_fade_bg{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	right: 0;
	z-index: 1299;
	background-color: rgba(0,0,0,0.3);
	display: none;
}

.bottom_panel_container #bottom_panel_close{
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.bottom_panel_container #bottom_panel_close img{
	height: 30px;
	width: 30px;
}

.bottom_panel_container .bottom_panel{
	padding: 30px 20px;
}

.bottom_panel_container .bottom_panel > div{
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
}

.bottom_panel_container .bottom_panel .title, .bottom_panel_container .bottom_panel #totla_container{
	font-size: 1rem;
	font-weight: bold;
}

#reward_more_details_modal .modal-content{
   height: 90vh;
   min-height: 90vh;
}

#reward_more_details_modal .modal-body{
	padding: 0 !important;
}

/* Register */

.register_container{
	display: flex;
	flex-direction: row;
	background: #fff;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	padding: 20px;
	animation: all 2ms ease;

}


.register_container  div.swiper-wrapper{
	display: flex;
	flex-direction: row;

}

.register_head_nav{
	padding: 20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;


}

.register_head_nav img.back{
	height: 30px;
	width: 30px;
	cursor: pointer;
}

.register_container > div .head_text{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 20px;
}

.register_container > div .head_text span{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.cap_bold_center{
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem;
}

.otp_input_group{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.otp_input_group input {
	width: 50px;
	height: 50px;
	border-top: none;
	border-right: none;
	border-left: none;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	font-weight: 200;
	color: #000;
	margin: 0 10px;
	border-radius: 0 !important;
	outline: none !important;
	-webkit-appearance: none;
	box-shadow: none !important;
  }
  .otp_input_group input::-webkit-outer-spin-button,
  .otp_input_group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.otp_input_group input[type=number] {
  -moz-appearance:textfield;
}

.register_container > div .register_body{
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	padding: 20px;
}


div.input-group .show_pass{
	background-color: white;
	border-top: none;
	width: 30px;
	border-left: none;
	border-right: none;
	background-image: url('../images/icons/ic_hide_pass.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.input-group .show_pass.shown{
	background-image: url('../images/icons/ic_show_pass.png');
}

.register_container > div .register_body input#register_phone_number{
	padding-left: 56px;
}


.register_container .btn_container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px 20px 20px 20px;
}


.custom_checkbox {
	display: block;
	position: relative;
	padding-left: 50px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
 
  .custom_checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  

  .custom_checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
 
  .custom_checkbox:hover input ~ .checkmark {
	background-color: #ccc;
  }
  

  .custom_checkbox input:checked ~ .checkmark {
	background-color: #d3c16b;
  }
  
 
  .custom_checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  

  .custom_checkbox input:checked ~ .checkmark:after {
	display: block;
  }
  

  .custom_checkbox .checkmark:after {
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }


  .custom_radio {
	display: block;
	position: relative;
	padding-left: 50px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  .custom_radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
  }
  

  .custom_radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
  }
  

  .custom_radio:hover input ~ .checkmark {
	background-color: #ccc;
  }

  .custom_radio input:checked ~ .checkmark {
	background-color: #d3c16b;
  }
  

  .custom_radio .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  

  .custom_radio input:checked ~ .checkmark:after {
	display: block;
  }
  

  .custom_radio .checkmark:after {
	   top: 9px;
	  left: 9px;
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  background: white;
  }


.main_btn{
	width: 100%;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 15px;
	padding: 10px;
	background: #f2edda;
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
    -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	border: 0;
	outline: 0;
	text-align: center;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.second_btn{
	width: 100%;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 15px;
	padding: 10px;
	background: #fff;
	border: 0;
	outline: 0;
	text-align: center;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
    -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	border: 0;
	text-align: center;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.cust_second_btn{
	color: #000;
	text-transform: uppercase;
	/* font-weight: bold; */
	border-radius: 5px;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #ddd;
	outline: 0;
	text-align: center;
	cursor: pointer;
}

.sign_up_btn{
	width: 100%;
	color: #000;
	font-weight: bold;
	border-radius: 15px;
	padding: 10px;
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
    -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	border: 0;
	outline: 0;
	text-align: center;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
}

.sign_up_btn img{
	position: absolute;
    left: 25px;
    top: 10px;
    height: 25px;
    width: 25px;
}
.sign_up_btn.fb{
	background: #4a639c;
	color: #fff;
}

.sign_up_btn.google{
	background: #db2429;
	color: #fff;
}

.register_container > div .iti--allow-dropdown{
	width: 100%;
}

/* .register_container > div .iti__flag-container{
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
} */

/* .register_container > div .register_body input:focus{
	outline: none;

} */


.iti__flag {background-image: url("assets/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("assets/img/flags@2x.png");}
}


.reg_cust_date{
	display: flex;
	flex-direction: row;

}



.reg_cust_date .separator_line{
	width: 1px;
	background: #ddd;
	margin: 0 10px;
	transform: rotate(30deg);
}

.reg_cust_date .form-control{
  flex: 1;
}



/* mobile bottom nav */


.mobile_bottom_nav_container{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	display: none;
	-webkit-box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
    box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
}
.mobile_bottom_nav{
 	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 align-items: center;
	 height: 50px;
	 background: #fff;
	 padding: 10px 20px;
}

.mobile_bottom_nav ul{
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	list-style: none;
}
.mobile_bottom_nav ul li{
	list-style: none;
}
.mobile_bottom_nav ul li img{
	height: 30px;
	width: 30px;
}



/* Transfer ownership */

.transfer_container .no_price{
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
    -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
    box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
}

.transfer_container .no_price label{
	margin: 0 !important;
}

.transfer_container  .iti{
	width: 100%;
}
#transfer_ownership_modal .modal-content{
	background-color: transparent !important;
	background: transparent !important;
	border:none !important;

}
#transfer_ownership_modal .modal-body{
	background: #fff;
	background-color: #fff;
	border-radius: 10px;
}
#transfer_ownership_modal .modal-footer{
	background-color: transparent !important;
	background: transparent !important;
	border:none !important;
}


/* Change language modal */

.languages_container{
	font-size: 1.5rem;
	font-weight: bold;
}

.languages_container > div{
	cursor: pointer;
	padding: 5px;
}
/* transaction history */


.transaction_history_container{
	width: calc(100% - 72px);
}
.transaction_history_container > div,.transaction_history_container > div > h4{
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

/* locate us */

.locate_us_list_container ul{
 margin: 0;
 padding: 0;
}

.locate_us_list_container ul li{
	list-style: none;
	padding: 20px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: background-color 0.8s ease;
}

.locate_us_list_container ul li a{
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* .locate_us_list_container ul li:hover{
	background-color: #a68e48;
	color: white;

} */


/* jewelbox */

.jewelbox_row{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.jewelbox_row > div.jewelbox_item{
	width: 45%;
	padding: 10px;
	border-radius: 15px;
	margin-bottom: 30px;
	cursor: pointer;
	-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
}


.jewelbox_row .jewelbox_item .text{
	font-size: 1rem;
	font-weight: bold;
	display: flex;
	justify-content: center;
	flex:1;
}
.jewelbox_row .jewelbox_item .jewel_image{
	justify-content: flex-end;
	width: 50px;
	height: 50px;
}

.jewelbox_row .jewelbox_item .jewel_image img{
	height: 100%;
	width: auto;
}
.jewel_box_head{
	padding: 15px 0 30px 0;
}
.jewel_box_head > div{
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 1.5px;
	cursor: pointer;
	text-transform: uppercase;
	
}
.jewel_box_head > div:first-child{
	margin-right: 30px;
}
.jewel_box_head > div.is_open{
	color: #d3c16b;
	border-bottom:3px solid #d3c16b;
}

.tab_container:not(.open_tab){
	display: none;
}

.jewel_item{
	padding: 10px 20px;
	border-radius: 15px;
	margin-bottom: 20px;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	-moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
}

.jewel_item_title{
	max-width: 360px;
}

.jewel_item.archivable{
	margin: 0;
	border-radius: 15px 0 0 15px;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	-moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
}

.jewel_item > *{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.receipt_btn_container > div{
	background: #efefef;
	background-color: #efefef;
	padding: 10px;
    border-radius: 10px;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	-moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
}

.receipt_btn_container > div img{
	height: 25px;
	width: 25px;
}

.paginator_ul{
	display: flex;
	flex-direction: row;
	padding: 0;
	margin: 0;
}

.paginator_ul li{
	list-style: none;
	padding: 5px 10px;
	background: #f2edda;
}

.paginator_ul a{
	margin-right: 10px;
}

.paginator_ul a:last-child{
	margin-right: 0;
}

.paginator_ul li.is_active{
	  background: #cca44c;
	  color:#fff;
}


/* Edit profile */

.edit_mobile_container .iti{
	width: 100%;
}

/* customer center */

.curve_edge{
	position: absolute;
	bottom: 0;
	width: 100%;
	background:#fff;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	height: 20px;
	display: flex;
	flex-direction: row;
	z-index: 3;
	-webkit-box-shadow: 0px -8px 10px -4px rgba(50, 50, 50, 0.2);
   -moz-box-shadow: 0px -8px 10px -4px rgba(50, 50, 50, 0.2);
    box-shadow: 0px -8px 10px -4px rgba(50, 50, 50, 0.2);
}


.content_container{
	display: flex;
	flex-direction: column;
	margin: 0px 5%;
}
.content_row{
	display: flex;
	flex-direction: row;
}
.content_icon{
	align-self: flex-start;
	width:10%;
}
.content_text_column{
	display: flex;
	flex-direction: column;
	padding-top: 10px;
	padding-bottom: 10px;
}

.content_text_column_new{
	display: flex;
	flex-direction: column;
	padding-top: 10px;
}


.content_text_column h1{
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.content_text_container{
	flex: 1;
	min-width: 0;
	margin-left: 20px;
	padding-right: 30px;
}
.content_container ul, .content_container ol {
	
	list-style: normal;
}

.heading_p{
	margin: 30px 5% 0 5%;
}

.content_container table tr td{
	text-align:center;

}
 .content_container table td{
	 border:1px solid #000;
	 margin-bottom:1rem;
 }

.p_l_40{
	padding-left:40px;
}

#edit_profile_more[aria-expanded='false']::before{
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight:600;

}

#edit_profile_more[aria-expanded='true']::before{
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight:600;

}

/* Footer */

.footer_container{
 
	display: flex;
	width: 100%;
	background: #000;
	flex-direction: column;
	padding: 50px 20px;
	flex-wrap: wrap;


}

.footer_container > div > span a{
	color: #fff;
	font-size: 1rem;
}
.footer_container > div > span > img{
	height: 30px;
	widows: 30px;

}

.footer_container > div .line_separator{
	width: 2px;
	height: 15px;
	background: #fff;
	border-radius: 5px;
}
/* .footer_container > div{
	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;


}

.footer_container > div:nth-child(1){
	margin-bottom: 30px;
}

.footer_container > div > div{
	
	width: 30%;
	display: flex;
	flex-direction: column;
	margin-right: 3%;

}
.footer_container > div > div:last-child{
	margin-right: 0;
}

.footer_container > div > div > span{
	margin-bottom: 30px;
	text-transform: uppercase;
	color: gray;
}

.footer_container > div > div ul{
	padding: 0;
	margin: 0;
	
}



.footer_container > div > div ul.social_links li{
	list-style: none;
	display: inline-block;
}
.footer_container > div > div ul li{
	list-style: none;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.footer_container > div > div ul.social_links li img{
	height: 50px;
	width: 50px;
} */




.has-error{
	border-color: red !important;
}
.input_error{
	display: none;
	width: 100%;
	color: red;
	margin-top: 5px;
}
.error_container{
	display: none;
	width: 100%;
	text-align: center;
	color: red;
}

.success_container{
	display: none;
	width: 100%;
	text-align: center;
	color: green;
}


/* loader */

.lds-dual-ring {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 20px;
  }
  .lds-dual-ring:after {
	content: " ";
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 3px solid #a68e48;
	border-color: #a68e48 transparent #a68e48 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
  }
  @keyframes lds-dual-ring {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }



  /* page preloader */


  #preloader_container{
	  position: fixed;
	  display: flex;
	  width: 100%;
	  height: 100%;
	  z-index: 99999;
	  background: rgb(252,232,199);
	  background: linear-gradient(0deg, rgba(252,232,199,1) 30%, rgba(255,249,222,1) 70%);
  }

  #preloader_container .main_preloader {
	display: inline-block;
	position: relative;
	width: 174px;
	height: 174px;
  }
  .main_preloader div {
	display: inline-block;
	position: absolute;
	left: 8px;
	width: 16px;
	background: #DAA520;
	animation: main_preloader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  }
  .main_preloader div:nth-child(1) {
	left: 8px;
	animation-delay: -0.24s;
  }
  .main_preloader div:nth-child(2) {
	left: 32px;
	animation-delay: -0.12s;
  }
  .main_preloader div:nth-child(3) {
	left: 56px;
	animation-delay: 0;
  }
  @keyframes main_preloader {
	0% {
	  top: 8px;
	  height: 64px;
	}
	50%, 100% {
	  top: 24px;
	  height: 32px;
	}
  }
  
  .main_preloader img{
  	max-width: 100%;
  	min-width: 100%;
  	width: 100%;
  }

  



.iti__flag,.iti__flag-box{
	display: none !important;
}
.iti--separate-dial-code .iti__selected-flag{
	background-color: #ffffff !important;
	background: #ffffff !important;
}


  /* reset password */

  .forget-pass-cont .iti{
	  width: 100%;
  }
  
/* Helpers */

.disabled{
	pointer-events: none !important;
}
.gray_color{
	color: #919191 !important;
}

.btl_btr{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.bb-1{
  border-bottom: 1px solid #ddd !important;
} 
.bb-1-black{
	border-bottom: 1px solid #000 !important;
}

.bordered{
	border:1px solid #ddd !important;
}
.p-lr-20{
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.p-tb-30{
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.primary_color{
	color: #a68e48 !important;
}

.cursor_pointer{
	cursor: pointer !important;
}

.border_radius{
	border-radius: 15px;
}

.upper_bold_primary_text{
	font-weight: bold;
	font-size: 1rem;
	color: #a68e48;
	text-transform: uppercase;
}

.upper_bold_text{
	font-weight: bold;
	font-size: 1rem;
	text-transform: uppercase;
}

.flex-1{
	flex: 1 !important;
}

.flex-nowrap{
	flex-wrap: nowrap !important;
}

.second_shadow{
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
    -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
    box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
}

.p_10{
	padding: 10px !important;
}
.p_15{
	padding: 15px !important;
}
.br_10{
	border-radius: 10px;
}
.bg_primary{
	 background: #f2edda;
	 background-color: #f2edda;
}
.bg_white{
	background: #fff;
	background-color: #fff;
}
.m_t_2_rem{
	margin-top: 2rem !important;
}
.m_b_1_rem{
	margin-bottom: 1rem !important;
}
/* input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
  font-size: 16px !important;
} */

.form-control{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #ddd;
	outline:0;
	width: 100%;
}

.form-control:focus{
	border-color: #ddd;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.swal2-styled.swal2-confirm {
	border: 0;
	outline: none !important;
    border-radius: 10px;
    background-color: #f2edda !important;
    background: #f2edda !important;
    color: #000 !important;
	font-size: 1rem !important;
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
    -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73);
}

.swal2-styled:focus{
	-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73) !important;
    -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73) !important;
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.73) !important;
}

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

	.left_wrapper{
        display: none;
	}
	.right_wrapper{
        display: none;
	}
	.main_wrapper{
	  padding-top: 70px;
	  padding-bottom: 50px;
	}
	.main_container{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		margin: 0;
		border-radius: 0;
	}
	.top_header{
		display: none;
	}

	.top_header_mobile{
		display: flex;
	}
	.mobile_bottom_nav_container{
     display: block;
	}
    #home_banner_slider .owl-stage-outer{
		border-radius: 0;
		border-top: 2px solid #fce8c7;
	}
	#home_banner_slider .owl-stage .owl-item > div{
		border-radius: 0;
	}
	#home_banner_slider .owl-stage .owl-item{
		border-radius: 0;
	}

	.btl_btr{
		border-radius: 0;
	}
	.bottom_panel_container .bottom_panel{
		width: 100%;
	}


 }

 @media screen and (max-width:500px){
	.jewelbox_row .jewelbox_item .jewel_image img{
		height: 40px;
	}

	.jewel_item_title{
		max-width: 240px;
	}
 }

 @media screen and (max-width:450px){
	.profile_page .profile_page_card_container .membership_card > div{
		width: 100%;
	}
	.profile_page .profile_page_card_container .membership_card > div img {
		width: 100%;
	}
	
	.profile_page .profile_page_card_container .membership_card > div .qr_container {
		top: 20px;
		right: 20px;
	}
	
	.profile_page .profile_page_card_container .membership_card > div .qr_container img {
		height: 50px;
		width: 50px;
	}
	
	.profile_page .profile_page_card_container .membership_card  > div .cust_info {
		bottom: 20px;
		left: 20px;

 }

 .profile_page .profile_page_card_container .membership_card > div .cust_info > span{
	 width: 130px;
 }

}


@media screen and (max-width:350px){
	.profile_page .profile_page_card_container .membership_card > div .cust_info > span{
		width: 110px;
	}
   
}
@media screen and (max-width: 480px){
	.content_container{
		margin: 0px 20px;
	}
}