/* Style rules for responsive mobile */

@import url("//fonts.googleapis.com/css?family=Open+Sans");



.btn {
/* font-size: 25px;
  padding: 10px 20px 10px 20px;*/
  text-decoration: none;
  font-weight:bold;

}

a{text-decoration:none}
/* img{width:50%;} */
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.1;
   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background-color:#3D3838;
}
.device {
   background-image: url("#{facesContext.externalContext.requestContextPath}/resources/wallet/carbon.jpg");
  width: 100%;

  padding: 15px 25px;
  border-radius: 20px;
/*  background: #000; */
  border: 2px solid white;
  margin: 2px auto;
  position: relative;
  box-shadow: 0px 0px 5px #000;

}
.arrow-left {
  background: url(#{facesContext.externalContext.requestContextPath}/resources/wallet/arrowleft.png) no-repeat left bottom;
  float: left;
  /*
  position: absolute;
  left: 20px;
  top: 93vh;
  */
  z-index:1001;
  width: 16px;
  height: 16px;
}
.arrow-right {
  background: url(#{facesContext.externalContext.requestContextPath}/resources/wallet/arrowright.png) no-repeat left bottom;
  float: right;
  /*
  position: absolute;
  right: 20px;
  top: 93vh;
  */
   z-index:1001;
  width: 16px;
  height: 16px;
}
.swiper-container {
  background: #fff;
  /*height:88%;
  height: 350pt;*/
  width: 100%;
  border:solid;
  border-color:#AcAcAc; 
  border-width:1px;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  
}
 .swiper-slide:hover {
         overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
		overflow-x: hidden;
		
    }
.content-slide {
  
  color: #000;
  
 
}


.profileDiv {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.profileDiv:hover {
         overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
		overflow-x: hidden;
		
}

.coupon {
	border:solid;
  	border-color:#AcAcAc; 
  	border-width:1px;
  	border-bottom-right-radius: 1em;
  	border-bottom-left-radius: 1em;
  	border-top-right-radius: 1em;
  	border-top-left-radius: 1em;
  	padding-top:9px;
  	
}

.img-coupon {
	display:inline-block;
	max-width:100%;	
	height:auto;
	padding:4px;
	line-height:1.42857143;
	background-color:#fff;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	
}


.img-logo {
	display:inline-block;
	max-width:70%;	
	height:auto;
	padding:4px;
	line-height:1.42857143;
	background-color:#fff;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	
}


.old {
	font-family: Arial;	
  	font-size: 18px;
 	margin-left:2px;
  	text-decoration:line-through;
  	color:#818181;
   	float:left;
   	font-weight: bold;
}
.new {
	font-family: Arial;	
  	font-size: 18px;
  	color:#6AB350;
  	margin-bottom: 0px;
   	margin-left:7px;
   	font-weight: bold;
 	
}
.slogan {
  font-family: Arial;	
  font-size: 17px;
  margin-bottom: 8px;
  margin-top: 2px;
  color:#818181;
  padding-right: 5px;
  padding-left:10px;
  text-align:left;
}

.discountDate
{
	
	border-top: 1px solid #AcAcAc;
	padding-top: 3px;	
	padding-left:10px;
	padding-bottom: 3px;	
	text-align: left;
}

.profile {
	font-family: Arial;	
  	font-size: 18px;
  	color:black;
  	margin-bottom: 0px;
   	margin-left:7px;
   	white-space: nowrap;
}

.expirey {
  font-size: 18px;
  margin-right:7px;
  padding-left:20px;
  float:right;
  color:#000;
  font-family: Arial;
 /* background-image: url("#{facesContext.externalContext.requestContextPath}/resources/wallet/expire.png");
  background-position:left;
  background-repeat:no-repeat;*/
  
}

.expired {
  font-size: 20px;  
  color:red;
  font-family: Arial;  
}

.headline {
	font-family: Arial;
  	font-weight: bold; 
  	font-size: 20px;
  	margin-bottom: -3px;
  	/*margin-left:30%;*/
  	text-align:left;
  	padding: 3px;
  	padding-bottom:0px;
  	padding-left:10px;
 
}
.terms {
  font-family: Arial;	
  font-size: 12px;
  margin-bottom: 1px;
  margin-top: 5px;
  margin-left:7px;
  color:#000000;
  font-weight:bold;
 
}
.tcontent {
  font-family: Arial;	
  font-size: 12px;
  margin-bottom: 1px;
  margin-top: 2px;
  margin-left:7px;
   color:#000000;
 
}

.error {
	font-family: Arial;
  	font-weight: normal; 
  	font-size: 17px;
  	text-align:left;
  	color: red;
 
}

.paginationa {
  position: relative;
  left: 0;
  text-align: center;
  bottom:-6px;
  width: 96%;
  z-index:1000;
}

.paginationaSide {
  position: relative;
  left: 0;
  text-align: center;
  bottom:-6px;
  width: 2%;
  z-index:1000;
  margin-top: -5px;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.phoneicon {
  /*background-image: url("#{facesContext.externalContext.requestContextPath}/resources/wallet/Call_icon.png") ;

  background-size:100% auto;
  width:50px;
  height:49px;*/
  
  z-index: 1000;
   margin-left: 2%;
   display: inline-block;
   text-decoration: none;
    background-repeat:no-repeat;
 }
 .webicon {
 /* background-image: url("#{facesContext.externalContext.requestContextPath}/resources/wallet/www_icon.png");
  background-size:100% auto;
  width:50px;
  height:49px;*/
  z-index: 1000;
   margin-left: 2%;
   display: inline-block;
   text-decoration: none;
    background-repeat:no-repeat;
 }
.mapicon {
 /* background-image: url("#{facesContext.externalContext.requestContextPath}/resources/wallet/map_icon.png");
  background-size:100% auto;
  width:50px;
  height:49px;*/
  z-index: 1000;
   margin-left: 2%;
   display: inline-block;
   text-decoration: none;
   background-repeat:no-repeat;
 }
 .smsicon {
  /*background-image: url("#{facesContext.externalContext.requestContextPath}/resources/wallet/sms_icon.png");
  background-size:100% auto;
  width:50px;
  height:49px;*/
  z-index: 1000;
 margin-left: 2%;
 display: inline-block;
 text-decoration: none;
  background-repeat:no-repeat;
 }
 .fbicon {
  /*background-image: url("#{facesContext.externalContext.requestContextPath}/resources/wallet/fb_icon.png");
  background-size:100% auto;
  width:50px;
  height:49px;*/
  z-index: 1000;
   margin-left: 2%;
 display: inline-block;
 text-decoration: none;
  background-repeat:no-repeat;
 }
 .twicon {
  /*background-image: url("#{facesContext.externalContext.requestContextPath}/resources/wallet/twitter_icon.png");
  background-size:100% auto;
  width:50px;
  height:49px;*/
  z-index: 1000;
   margin-left: 2%;
 display: inline-block;
 text-decoration: none;
  background-repeat:no-repeat;
 }
 .btn.btn-warning.locator
 {
  /*background-image: url("#{facesContext.externalContext.requestContextPath}/resources/wallet/locate.png");*/
  background-repeat:no-repeat;
  background-position: center bottom ; 
  z-index: 1000;
  float:left;
  margin-bottom:10px;

 }
  .btn.btn-warning.profile-bar
 {
/*   background-image: url("#{facesContext.externalContext.requestContextPath}/resources/wallet/prof.png");*/
  background-repeat:no-repeat;
  background-position: center bottom ; 
  z-index: 1000;
  float:right;
  }
 
 
 .header {
	font-family: Arial;
  	font-weight: bold; 
  	font-size: 20px;
  	text-align:left;
 
}


 .buttonsHeader
 {
 	display: inline-block;
 	font-size: 12px;
  	margin-bottom: 1px;
 	margin-top: 2px;
  	margin-left:7px;
    color:#ACACAC;
 }
 
 
 .allignCenter {
  	text-align: center;
  	width: 100%;
  	
 }
 
 .allignRight {
  	float:right;
  	text-align: center;
  	width: 50%;
 }
 
 .allignLeft {
  	float:left;
  	text-align: center;
  	width: 50%;
 }
 
 .allignRight2 {
  	float:right;
  	text-align: right;
  	width: 15%;
  	border: 1px solid white;
  	padding-right:30px;
 }
 
 .allignCenter2 {
 	float:left;
  	text-align: center;
  	width: 70%;
  	border: 1px solid white;
 }
 
 .allignLeft2 {
  	float:left;
  	text-align: left;
  	width: 15%;
  	border: 1px solid white;
  	padding-left:30px;
 }
 
 
 
 .allignRight3 {
  	float:right;
  	text-align: right;
  	width: 2%;
  	border: 1px solid white;
 }
 
 .allignCenter3 {
 	float:left;
  	text-align: center;
  	width: 96%;
  	border: 1px solid white;
 }
 
 .allignLeft3 {
  	float:left;
  	text-align: left;
  	width: 2%;
  	border: 1px solid white;
 }
 
 
 
 .allignRight4 {
  	float:right;
  	text-align: right;
  	width: 50%;
  	padding-right:10px;
 }
 
 
 .allignLeft5 {
  	float:left;
  	text-align: center;
  	width: 45%;
  	padding-left:10px;
 }
 
  .allignCenter5 {
 	float:left;
  	text-align: center;
  	width: 10%;
 }
 
 .allignRight5 {
  	float:right;
  	text-align: center;
  	width: 45%;
  	padding-right:10px;
 }
 
 
 .allignLeft4 {
  	float:left;
  	text-align: left;
  	width: 50%;
  	padding-left:10px;
 }
 
  
  
 .profileCol {
  	float:left;
  	text-align: left;
  	width: 140px;
  	margin-left: 15px;
 }
 
 .fullWidth {
	width: 95%;
	
  }
  
  
  .regText {
  font-family: Arial;	
  font-size: 17px;
  color:black;
}


.container-full {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
	height: 100%;
	width: 100%;
	border-radius: 10px;
	border:	solid #AcAcAc 1px;
	text-align: center;
}


.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.responsive-header-text {
	font-size: clamp(16pt, 7vw, 36px);
	font-family: 'Open Sans', sans-serif;
	color: black;
	letter-spacing: 1pt;
	letter-spacing: 1pt;
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings: "lnum" 1;
	-webkit-font-feature-settings: "lnum" 1;
	font-feature-settings: "lnum" 1;
	font-weight: 700;
	text-decoration: none;
}

.responsive-medium-text {
	font-size: clamp(13pt, 5vw, 20px);
	font-family: 'Open Sans', sans-serif;
	color: #777777;
	letter-spacing: 1pt;
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings: "lnum" 1;
	-webkit-font-feature-settings: "lnum" 1;
	font-feature-settings: "lnum" 1;
	font-weight: 400;
	text-decoration: none;
}
.responsive-regular-text {
	font-size: clamp(11pt, 4vw, 15px);
	font-family: 'Open Sans', sans-serif;
	color: #777777;
	letter-spacing: 1pt;
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings: "lnum" 1;
	-webkit-font-feature-settings: "lnum" 1;
	font-feature-settings: "lnum" 1;
	font-weight: 400;
	text-decoration: none;
}

.responsive-regular-bold-text {
	font-size: clamp(9pt, 4vw, 16px);
	font-family: 'Open Sans', sans-serif;
	color: #777777;	
	letter-spacing: 1pt;
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings: "lnum" 1;
	-webkit-font-feature-settings: "lnum" 1;
	font-feature-settings: "lnum" 1;
	font-weight: 700;
	text-decoration: none;
	  
}
		
.responsive-buttonLink {
	font-family: 'Open Sans', sans-serif;
	font-size: clamp(11pt, 4vw, 15px);
	letter-spacing: 1pt;
	font-weight: 400;
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings: "lnum" 1;
	-webkit-font-feature-settings: "lnum" 1;
	font-feature-settings: "lnum" 1;
	color: #777777;
	text-decoration: underline;
	cursor: pointer;
}

.listRow1MobileSmooth {
	color: #606265;
	background-color: #E7EDF6;
	height: 38px;
	font-size: clamp(11pt, 4vw, 15px);
	letter-spacing: 1pt;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings: "lnum" 1;
	-webkit-font-feature-settings: "lnum" 1;
	font-feature-settings: "lnum" 1;
	vertical-align: middle;
	padding-left:10px;
	
}

.listRow2MobileSmooth {
	color: #606265;
	background-color: #FFFFFF;
	height: 38px;
	font-size: clamp(11pt, 4vw, 15px);
	letter-spacing: 1pt;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings: "lnum" 1;
	-webkit-font-feature-settings: "lnum" 1;
	font-feature-settings: "lnum" 1;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:10px;
}


.listHeaderMobileSmoothSmall
{
	background-color: #FFFFFF;
	color:#000000;
	font-family: 'Open Sans', sans-serif;
	font-size: clamp(11pt, 4vw, 15px);
	letter-spacing: 1pt;
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings: "lnum" 1;
	-webkit-font-feature-settings: "lnum" 1;
	font-feature-settings: "lnum" 1;
	font-weight: 700;
	text-decoration: none;
	padding-top:5px;
	padding-bottom:10px;	
	text-align: left;
	padding-right: 5px;
	height: 50px;
	vertical-align: middle;
	line-height: 25px;
}

.listHeaderMobileCenterSmooth
{
	background-color: #FFFFFF;
	color:#000000;
	font-family: 'Open Sans', sans-serif;
	font-size: clamp(13pt, 5vw, 20px);
	letter-spacing: 1pt;
	font-variant-numeric: lining-nums;
	-moz-font-feature-settings: "lnum" 1;
	-webkit-font-feature-settings: "lnum" 1;
	font-feature-settings: "lnum" 1;
	font-weight: 900;
	text-decoration: none;
	padding-top:5px;
	padding-bottom:10px;	
	text-align: center;
	padding-right: 5px;
	height: 50px;
	vertical-align: middle;
	line-height: 25px;
}

.pannelGridAlignLeftWidth50Per
{
	text-align: left;
	width: 50%;
}

.pannelGridAlignRightWidth50Per
{
	text-align: right;
	width: 50%;
}

.progressbar {
	display: grid;
    width:100%;
    height:2vh;    
    overflow:hidden; 
    text-align: left;
    background-color: #D8DCDD;
    -webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	-o-border-radius: 6px;
  	-ms-border-radius: 6px;
  	border-radius: 6px;
    
}
.progressbarslider {
    /*width:37%;*/
    height:18px;
    /*border-right: 1px solid #000000;*/
    background: #249D13; 
    
   
    
}
#progressbartext {
    color: #FFFFFF;
    font-size: calc(1.2vh);
    font-style: italic;
    font-weight: bold;
    /*text-align: center;
    position: relative;
    top: -16px;*/
    grid-row: 1;
    z-index: 10;
    grid-column: 2;
    line-height: 2vh;
    /* 
    text-align: center;
    vertical-align: middle;
     */ 
}