@charset "utf-8";
/* CSS Document */


header {
	height:30px;
}
/*Logo setting*/
/*按钮动态*/
.animate-buttons{
	transition: all .1s linear;
}
.animate-buttons:hover{
	transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);	/* IE 9 */
	-webkit-transform: scale(1.05,1.05);	/* Safari 和 Chrome */
	-o-transform: scale(1.05,1.05);	/* Opera */
	-moz-transform: scale(1.05,1.05);
}
/*按钮动态*/
.partnerssvg{
	display: block;
	background-image:url(../images/logo2.svg);
	width: 138px;
    height: 48px;
	background-size: 138px 48px;
	}
.logocsvg{
	display: block;
	background-image:url(../images/logoc.svg);
	width: 173px;
    height: 48px;
	background-size: 173px 48px;
	}
.logo3svg{
	display: block;
	background-image:url(../images/logo3.svg);
	width: 244px;
    height: 48px;
	background-size: 244px 48px;
	}
	
.iconsvg{
	display: block;
	width: 20px;
    height: 20px;
	background-size: 20px 20px;
	background-repeat:no-repeat;
	padding:5px;
	}
.sizefix{
	width:20px;
	height:20px;
	}
	
	

/*Font Setting*/

@font-face {
    font-family: LatoLight;
    src: url(../fonts/Lato-Light.eot); /* IE9 Compat Modes */
    src: url(../fonts/Lato-Light.woff) format('woff'), /* Modern Browsers */
         url(../fonts/Lato-Light.ttf) format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

@font-face {
    font-family: LatoRegular;
    src: url(../fonts/Lato-Regular.eot); /* IE9 Compat Modes */
    src: url(../fonts/Lato-Regular.woff) format('woff'), /* Modern Browsers */
         url(../fonts/Lato-Regular.ttf) format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

@font-face {
    font-family: LatoSemibold;
    src: url(../fonts/Lato-Semibold.eot); /* IE9 Compat Modes */
    src: url(../fonts/Lato-Semibold.woff) format('woff'), /* Modern Browsers */
         url(../fonts/Lato-Semibold.ttf) format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}


.boldfont{
	font-weight:bold;
	}
.upper{
	text-transform: uppercase;

	}
body{
	
	font-family: 'LatoLight', sans-serif, Arial;
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif!important;*/
	/*font-family:LatoLight,Arial!important;*/
	/*font-family: sans-serif, Arial;*/
	/*font-family:LatoLight,Arial!important;*/
	/*font-family: 'Roboto', sans-serif!important;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	min-width:1100px!important;
	-webkit-text-size-adjust: 100%
	}

.redfont{
	color:#fe0002!important;
	}

.whitefont{
	color:#FFF!important;
	}
.darkgreyfont{
	color:#000!important;
	}
.greyfont{
	color:#000!important;
	/*
	color:#555555!important;
	color:#757575!important;
	*/
	}
.lightgreyfont{
	
	
	color:#8F8E8E!important;
	/*color:#757575!important;
	*/
	}
p{
	line-height:24px;
	}
	
/*Table setting*/

.redtable{
	font-size:14px!important;
	padding:10px!important;
	text-align:center!important;
	border:1px solid #FE0002!important;

	}
/*Background setting*/	
	
.redbg{
	background-color:#fe0002!important;
	}
.greybg{
	background-color:#acacac!important;
	}
.darkgreybg{
	background-color:#757575!important;
	}	
.whitebg{
	background-color:#FFF!important;
	}	

/* Side Menu Background*/
/*.phonebg{

	background:url(../images/leftbg.png) no-repeat 50% 0%;
	}*/
.phonebg{ /* change to Center Map bg */
	background:url(../images/bg_map.png) no-repeat fixed center top;
	background-size: 1500px auto;	
	background-position: 50% 225px;
	}



/*Support page input box*/
.greyinput{
	border:none;
	border-radius:0px;
	-webkit-appearance: none;
	background-color:#f0efef;
	padding:5px;
	}
	
/*Signin page centre box*/
.outPopUp{
    
     width:350px;
     height:450px;
     z-index:15;
     margin:30px auto;
    
     background:#f8f9fb;
	 padding:20px;
	 text-align:center;
}

/*Support page centre box*/

.outPopUp2{
    
     width:850px;
     height:830px;
     z-index:15;
     margin:30px auto;
     border:1px solid #bbbdc0;
	 border-radius:5px;
     background:#FFF;
	 padding:50px;
	 text-align:center;
}

/*Foregtpw page centre box*/
.outPopUp3{
    
     width:550px;
     height:400px;
     z-index:15;
     margin:30px auto;
    
     
	 padding:20px;
	 text-align:center;
}

/*Emailentry page centre box*/
.outPopUp4{
    
     width:850px;
     height:400px;
     z-index:15;
     margin:30px auto;
    
     
	 padding:20px;
	 
}

/*Link color setting*/
.redchange:hover{
	color:#970009!important;
	}
.greychange:hover{
	color:#5f5f5f!important;
	}
	
.under:hover{
	text-decoration:underline!important;
	}
	


/*Index page red box*/
.redbox{
	border:1px solid #da272b;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	height:320px!important;
	margin:10px 10px;
	padding:20px;
	
	text-align:left;
	
    display: block;
	
	}
	
/*Index page small red box*/
.smallredbox{
	border:1px solid #da272b;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	width:50px;
	height:50px;
	margin:5px;
	padding:5px;
	float:left;
	margin-right:18px;
	text-align:left;
	
    display: block;
	
	}
/*Index page content*/

.srbtext{
	line-height:18px;
	margin-top:20px;
	padding-left:7px;
	
	}


/*support page upload box*/
.file-upload {
position: relative;  
overflow: hidden;  
 
}
.file-upload input.upload {
position: absolute;  
top: 0;  
right: 0;  
margin: 0;  
padding: 0;  
cursor: pointer;  
opacity: 0;  
filter: alpha(opacity=0);  
}
.browsebox {
line-height: 28px; 
 
}


/*Registration agreement paragraph setting*/

.agreetitle{
	font-weight:bold;
	font-style:normal;
	}

/*Footer textbox setting*/
.sfsize{
	font-size:12px!important;
	font-weight:normal!important;
	margin-bottom:0px;
	}

.fsize{
	font-size:0.9em!important;
	}
.rightboxsetting{
	width:310px;
	}

/*Red bar setting*/
.redbarout{
	padding:0px;
	width:100%;
	min-width:1100px;
	}
.redbarin{
	margin:0px;
	width:100%;
	min-width:1100px;
	}
.redbarborder{
	padding:4px;
	border-top:4px solid #f16362;
	border-bottom:5px solid #f16362;
	height:35px;
	
	}

.boxfix{
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8; // max nb lines to show
	-webkit-box-orient: vertical;
	height:150px;
	}
.floatfix{
	float:left;
	}
	
	
/*Button Setting*/
.redbtn{
	color:#FFFFFF !important;
	text-decoration: none;
	border-radius:10px;
	text-transform:uppercase;
	font-size:20px;
	background-color:#fe0002;
	-webkit-box-shadow:inset 2px 3px 2px #f36868, 0px 5px 0px 0px #c70202, 0px 4px 4px #999;
	-moz-box-shadow:inset 2px 3px 2px #f36868, 0px 5px 0px 0px #c70202, 0px 4px 4px #999;
	box-shadow:inset 2px 3px 2px #f36868, 0px 5px 0px 0px #c70202, 0px 4px 4px #999;}

.redbtn2 a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

.redbtn2{
	cursor:pointer;
	color:#FFFFFF !important;
	text-decoration: none;
	border-radius:5px;
	background-color:#fe0002;
	border:4px solid #f16362;
	text-align:center;
	}



.redbtn a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

.greybtn a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}
.greybtn{
	color:#FE0002 !important;
	text-decoration: none;
	border-radius:10px;
	background-color:#e2e7eb;
	-webkit-box-shadow:inset 2px 3px 2px #e9eef1, 0px 5px 0px 0px #505050, 0px 4px 4px #999;
	-moz-box-shadow:inset 2px 3px 2px #e9eef1, 0px 5px 0px 0px #505050, 0px 4px 4px #999;
	box-shadow:inset 2px 3px 2px #e9eef1, 0px 5px 0px 0px #505050, 0px 4px 4px #999;}
	

/*HR color fix*/
hr{
	color:#D1CFCF;
	height:1px;
	background-color:#D1CFCF;
	}
	
/*Input Format setting*/
.wpcf7-submit{
	
	padding:15px 20px;
	}
textarea {
      
    border:1px solid #CCCCCC;
   
}
	
/*Padding and margin setting*/	
.paddingfix{
	padding:0px;
	}
.paddingfix3{
	padding: 5px 10px!important;
	}
.marginfix3{
	margin-right:100px!important;
	}
.marginfix5{
	margin-left:10%;
	padding:10px 35%;
	}
.padmarginclear{
	padding:0px;
	margin:0px;
	}
	
/*Responsive setting */	
@media (max-width: 510px) {
	.marginfix4{
		margin-right:0px;
		}
	}
@media (max-width: 1000px) {
	.marginfix5{
		margin-left:10px;
		}
	}
@media (min-width: 991px) {
	.marginfix6{
		margin-left:0px;
		}
	
	}
@media (max-width: 1000px) {	
.floatfix{
	float:right!important;
	
	}

}

.marginfix6{
	margin:0px!important;
	}
.marginfixnav{
	margin-top:7px!important;margin-bottom:7px!important;
	}
@media (min-width: 768px) {
.widthfix{
	width:33.33%!important;
	}
.paddingzero{
	padding:0px;
	}
.rightpull{
	float:right!important;
	}
.textcorrect{
	text-align:center;
	}
.darkgreybg2{
	background-color:#757575!important;
	}	
.margin-fix{
	margin-top:40px;
	}
.marginfix4{
	margin-right:100px;
	}
.marginfixnav{
	
	}
.marginfix6{
	margin-top:8px!important;
	}

	}
@media (min-width: 1000px) {
	.bg{
	background-image:url(../images/bg.png);
	background-repeat:repeat-y;
	background-position:center center;
	}
	.borderfix{
		border-left:1px solid #FE0002;
		border-top:none;
		}
	.borderfix2{
		border-left:1px solid #FE0002;

		}
	
}
@media (max-width: 1000px) {
	
	.padfix{
		padding-left:50px!important;
		padding-top:0px!important;
		}
	.tempwidth{
		width:100%;
		min-width:1100px;
		padding:0px;
		margin:0px;
		}
	.tempgreybg{
		background-color:#acacac!important;
		}
	.tempwhitebg{
		background-color:#FFF!important;
		}
	.borderfix{
		border-left:none;
		border-top:1px solid #FE0002;
		}
	
	}



	
/*Navigation setting*/	
.nav2 {
  margin-bottom: 0;
  padding-left:0px;
  list-style: none;
  padding-top:20px;
  font-size:1.7rem;
}
.nav2 > li {
  position: relative;
  display: block;
  float:left;
}
.nav2 > li > a {
  position: relative;
  display: block;
  padding: 5px 10px;
}
.nav2 > li > a:hover,
.nav2 > li > a:focus {
  text-decoration: none;
  color:#fe0002!important;
 
}
.nav2 > li.disabled > a {
  color: #777777;
}
.nav2 > li.disabled > a:hover,
.nav2 > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

/*Scroll up ^ setting*/

.top-of-page:before {
  content: 'l';
  width: 100%;
  margin: 0;
  line-height: 40px;
  font-family: 'basic-icons';
  color: #fff;
}
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #000;
	color: #eeeeee;
	width: 40px;
	height: 40px;
	line-height: 40px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	text-align: center;
	border-radius: 0 50% 50%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	text-decoration:none;
	opacity:.75!important;
	filter:alpha(opacity=75)!important;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: .25;
  filter: alpha(opacity=25);
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

.sameheight{
	height:100%;
	}
	
	
.pbox{
	width:345px;
	background-color:#FFF;
	border-top:1px solid #FE0000; 
	border-bottom:1px solid #FE0000; 
	margin:0px 0px 10px 0px!important;
	box-shadow: 0px 2px 5px rgba(135, 130, 130, 0.3);
	}
.shpbox{
	width:345px;
	background:#f7f7f7;
	box-shadow: 5px 5px 5px rgba(135, 130, 130, 0.17);
	margin:0px 0px 10px 0px!important;
	
	}
.pboxem{
	width:305px;
	height:220px;
	text-align:center;
	margin:10px 25px;
	}
.pbox2{
	width:700px;
	background-color:#FFF;
	border-top:1px solid #FE0000; 
	border-bottom:1px solid #FE0000;  
	box-shadow: 0px 2px 5px rgba(135, 130, 130, 0.3);
	
	}
.pnavsfont{
	
	font-size:12px;
	}
.padcon{
	padding:10px 20px 10px 15px!important;
	}
	
.bg_overview_users{ /* Use for Overview -Users bg */
	background:url(../images/bg_performance_users_opacity.png) no-repeat center top #f7f7f7;
	background-size: 345px auto;
	}
.bg_overview_stores{ /* Use for Overview -Stores bg */
	background:url(../images/bg_performance_stores_opacity.png) no-repeat center top #f7f7f7;
	background-size: 345px auto;
	}
.bg_overview_geos{ /* Use for Overview -Geos bg */
	background:url(../images/bg_performance_geos_opacity.png) no-repeat center top #f7f7f7;
	background-size: 320px auto;
	}
.bg_overview_devices{ /* Use for Overview -Devices bg */
	background:url(../images/bg_performance_devices_opacity.png) no-repeat center top #f7f7f7;
	background-size: 345px auto;
	}
.bg_overview_transactions{ /* Use for Overview -Transactions bg */
	background:url(../images/bg_performance_transactions_opacity.png) no-repeat center top #f7f7f7;
	background-size: 345px auto;
	}

.bg_overview_ads{ /* Use for Overview -Transactions bg */
background:url(../images/ads_img.png) no-repeat center top #f7f7f7;
background-size: 345px auto;
}