@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* start editing from here */
*{ margin: 0; padding: 0;}
a{text-decoration:none;color: #9a3253;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}


.alert-message{color:red; height: 20px;}
.noshow{display: none}
/*end reset*/
/*----importing-fonts---*/
/*-----light-font----*/
/*----//importing-fonts---*/

@font-face {  font-family:"Gill Sans MT",Helvetica; src: url('"GILLSANSMT.TTF","Helvetica.ttf"')format('truetype');  font-weight: normal; font-style: normal;}

body{
	font-family: "Gill Sans MT", Arial, sans-serif;
	background: #fff;
}
/*---start-wrap-----*/
.wrap{
	width:100%;
	margin:0 auto; 
}
.header{background: #fff;}
.content
{ 
 	background: #fff; margin: 0; padding: 0; 
}
#page{
	display:none;
}
/*---start-header----*/
.header-left{
	float:left;
	margin-top: 1.3%;
}
.header-right{
	float:right;
	width: 50%;
}
.top-nav ul li{
	display:inline-block;
}
.top-nav ul li a{
	color: #000;
	 margin: 0.4em 1.2em 0.4em 1.2em;
	display: block;
	font-size: 1.2em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;

}
.top-nav ul li a:hover{
	color:#9a3253; border-bottom: 4px #9a3253 solid;

}
.top-nav ul li.active>a{
	color:#9a3253; border-bottom: 4px #9a3253 solid;

}
.top-nav{
	float:left;
}
.sign-ligin-btns{
	float:right;
}
.sign-ligin-btns ul li{
	display:inline-block;
}
.sign-ligin-btns ul li a.signup span,.sign-ligin-btns ul li a.login span{
	padding: 2.2em 1.8em 1.64em 1.8em;
	display: block;
	font-size: 0.95em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	border-radius: 0.15em;
	-webkit-border-radius: 0.15em;
	-moz-border-radius: 0.15em;
	-o-border-radius: 0.15em;
}
.sign-ligin-btns ul li a.signup,.sign-ligin-btns ul li a.login{
	color:#FFF;
}
.sign-ligin-btns ul li a.signup:hover,.sign-ligin-btns ul li a.login:hover{
	background: #9a3253;
}
/*---End-header----*/



/*----//End-content---*/
/*---//End-wrap-----*/
/***********/
.main {
	margin-top: 0;
}

.logo{float: left; margin: 0 0 1% 10%; width: 15%;}

.main_left
{ position: absolute;
	float:left;
	width:43%; margin: 0; padding:7% 10%;z-index:1000;
}
.main_top{ display: none;}
.main_left h2{
	color:#fff;font-weight: normal;
	font-size: 2.4em;
	
}
.main_left p{float: left;
	color:#fff; width:90%;
	font-size:2.4em; text-align: left;
	padding:0.8em 0; line-height:1.8em;font-family: Helvetica; font-weight: bold;
}
.main_right{ float:left;width:100%;}
.main_right1{position: absolute;z-index:114;width: 35%;padding: 2% 0 0 61%;animation-delay:1.5s;}
.main_right2{position: absolute;z-index:113; width: 12%; padding: 10% 5% 0 60%;animation-delay:2s;}
.main_right3{position: absolute;z-index:112;width: 12%;padding: 14% 1% 0 87%;animation-delay:2s;}
.main_right4{position: absolute;z-index:111;padding: 5% 5% 0 85%;animation-delay:2s;}
.main_right5{position: absolute;z-index:110;padding: 0 5% 0 65%;animation-delay:1s; }
.main_rightbj{float:left;}
.title{ margin: 2em 0 0 10%;font-size: 2em;}
.buttons
{
	margin-top: 2em;
}
.sign_up 
{
	float:left;
}
.learn
{
	float:right;
	margin: 0.5em 2em 0.5em 0em;
}
.sign_up a{
	color: #FFF;
	font-size: 1em;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	background: #9a3253;
	padding: 13px 40px;
	border: none;
	
	font-weight: 600;
	display: block;
}
.sign_up input[type="submit"]:hover
{
	background:#45BDBE;
}
.arrow_btn {
	display: block;
	background: url(../images/arrow_btnh1.png) no-repeat 148px 9px;
	padding: 0px 26px 0px 9px;
	color: #FFF;
	font-size: 20px;
	
}
.arrow_btn:hover{
	background: url(../images/arrow_btn1.png) no-repeat 148px 9px;
	text-decoration: none;
	color:#9a3253;
}
/*******/
.buttom
{
	
	padding:2em 10%;
}
.top-grids {
	position:relative;
}
.top-grid1{
	margin-top: 2em;
	padding-top: 2em;
	position:relative;
}
.top-grid1 label{
	background: #ECECEC;
	height: 1px;
	display: block;
	position: absolute;
	top: -16px;
	width: 94%;
}
.top-grid{
	width: 23%;
	float: left;
	margin: 1% 1%;
}

.top-grid  h3{ font-weight: normal;
	
	font-size: 1.3em;
	color: #9a3253;height: 30px;
	margin:1em 0;
}
.top-grid img{float: left; width: 100%; margin:4% 0;}

.top-grid p{
	color: #000;
	line-height: 1.6em;
	font-size: 1.0em;
	padding: 0.6em 0em;
}
.top-grid p a{
	color: #999;
}

/*****product*****/
.productmain{ float: left; width: 100%; background: url("../images/productbj.jpg"); }
.productita{float: left; color:#fff; padding:5.4% 10%; width: 80%; font-size: 2.5em; }
.productitat{float: left; color:#fff;  width:100%; font-size: 0.6em; }
.productitb{float: left;color:#fff; padding: 0 0 8% 10%; width: 14%; font-size: 1.5em;}
.productitb3{float: left;color:#333; padding: 5% 0; width: 30%; font-size: 2em;background:#fff;}
.produck{float: right;color:#fff; padding: 0 10% 8% 5%; width: 60%; }
.produck2{float: left;color:#fff; padding: 1% 4.5%; width:91%;background:#fff; }
.produck3{float: left;color:#fff; padding: 5%; width: 60%; }
.productcon{float: left;color:#fff;background:#fff; padding: 0 5%; width: 90%; }

.producttitle{float: left; color:#333; width: 100%;font-size:2em; padding-bottom: 20px;}
.producttitle2{float: left; color:#333; width: 100%;font-size:2em;padding: 3% 0;}
.producka{float: left;  width:32.33%;margin:0.5%;background: #fff; }
.producka2{float: left;  width:19%;margin:0.4%; border: 1px solid #ccc;border-radius:10px; }
.producka3{float: left;  width:24%;margin:0.5%;background: #333333; }
.produckaa{float: left;padding: 10%;  width:80%; color: #fff;font-size: 1.4em;}
.produckaa2{float: left; height: 360px; width:100%; color: #fff; padding-top:10%; }
.produckdd2{float: left;  width:100%; padding-top:2%; text-align: center; }
.produckb{float: left;  width: 100%;}
.produckb2a{float: left;  width: 100%; text-align: center; color: #5b9bd5;font-size: 1.6em;font-weight: bolder;}
.produckb2b{float: left;  width: 100%; text-align: center; color: #70ad47;font-size: 1.6em;font-weight: bolder;}
.produckb2c{float: left;  width: 100%; text-align: center; color: #4472c4;font-size: 1.6em;font-weight: bolder;}
.produckb2d{float: left;  width: 100%; text-align: center; color: #ffc000;font-size: 1.6em;font-weight: bolder;}
.produckb2e{float: left;  width: 100%; text-align: center; color: #ff6600;font-size: 1.6em;font-weight: bolder;}

.produckc{float: left; padding-top:30%;font-size: 0.8em; color: #999;}
.produckc2a{float: left; width: 100%; padding: 2% 0; text-align: center; font-size:1.4em; background: #5b9bd5;}
.produckc2b{float: left; width: 100%; padding: 2% 0;text-align: center; font-size:1.4em; background: #70ad47;}
.produckc2c{float: left; width: 100%; padding: 2% 0;text-align: center; font-size:1.4em; background: #4472c4;}
.produckc2d{float: left; width: 100%; padding: 2% 0;text-align: center; font-size:1.4em; background: #ffc000;}
.produckc2e{float: left; width: 100%; padding: 2% 0;text-align: center; font-size:1.4em; background: #ff6600;}
.produckc3{float: left; padding-top:90%;font-size: 0.8em;}
.produckd2{float: left; width: 100%; padding: 5% 0;font-size:1.2em;  text-align: center;color:#333; line-height: 30px; }
.producke2{float: left; width: 40%;  margin-left: 10%;font-size:1.2em;color:#333; line-height: 30px;  }
.producke2r{float: left; width: 100%; text-align: center ; font-size:1.2em;color:#333; line-height: 30px; }

.produckfa{float: left; width: 90%; padding:2% 5%; }
.produckfb{float: left; width:33.33% }
.produckfc{float: left; width: 100%; text-align: center; color: #9a3253;font-size:1.6em; font-weight: bold;}
.producke2a{font-size: 1.4em; color: #9f3356;font-weight: bold;}

.aboutimg{float: left; width: 100%; text-align: center; background: #fff;}

.map{float: left; width: 80%; padding: 5% 10% 5% 10%; background: #fff;}
.mapright{float: left; width:100%;}
.mapright ul li{float: left; width:48%; padding-bottom:3%; padding-right: 2%; line-height: 30px; color: #666; }
.mapright ul li a{ text-decoration: underline; color: #666; }
.mapmail{float: left; width: 10%; padding-right: 2%;}
.mapcity{float: left; font-size: 1.5em; width: 88%; color: #9a3253; padding-top: 1%;}
.mapcitya{float: left; font-size: 1.5em; width: 100%; color: #333;}
.mapcityb{float: left; font-size: 1.2em;}


.about{float: left; width: 80%; padding: 5% 10% 0 10%; background: #fff;line-height: 30px;}
.aboutleft{width: 25%; margin: 0 auto;text-align: center; }
.aboutright{float: left; width:100%;  padding-bottom:3%; text-align:left;  }
.aboutcenter li{float: left; width:31.33%; padding: 1%;text-align: center; color: #9a3253; font-size: 1.2em; }
.aboutc{float: left; padding: 2%; width: 96%; margin: 2% 0; text-align: left;background:#FFF; color: #333333;border-top: 6px #9a3253 solid; }
.aboutd{float: left; width: 80%; padding:  3% 10% 3% 10%; line-height: 30px;background:#FFF;}
.aboute{float: left;  width: 100%; text-align: left;margin:0; padding-bottom: 2%; padding-top: 2%; }
.aboutca{float: left; padding: 3%; width: 94%; background:#FFF; }
.aboutitle{font-size: 2.2em; color: #000;text-align: left; padding-bottom: 1%;}
.aboutitlea{font-size: 1.2em; color: #9a3253; font-weight: normal;text-align: left; }
.aboutitleb{font-size: 1.2em; color: #9a3253;padding: 3% 0;text-align: left;}
.aboutrightlogo{ width: 100%; text-align: center; padding-top:5%;}
.aboutrightlogow{ display: none;}
.anoutcom{float: left; width: 100%; margin-top: 2%;}
.anoutcom ul li{float: left; font-size: 1em; width: 23%; margin: 1%;text-align: center; border-radius:5px  }
.anoutcom ul li a{color:  #9a3253; padding: 3% 0; text-decoration: underline;   display: block;}
.aboutlogo{ float: left; width: 100%; padding-bottom: 3%;}
.aboutlogo img{ float: left; width: 35%;}
.aboutlogoa{ float: left; width: 100%; padding-bottom: 3%; display: none;}
.aboutlogoa img{ float: left; }

.freed{ float: left; width: 80%; padding: 0 10% 3% 10%; line-height: 30px; background: #fff; }
.freetitle{float: left;font-size: 1.3em; color: #9a3253; width: 100%; font-weight: normal;text-align: left;padding: 0% 0; }
.freeul{float: left; width: 100%;}
.freeul ul li{float: left; width: 100%; padding: 2% 0; }
.freedok{ float: left; width: 80%; padding:10%; line-height: 40px; background: #fff; text-align: center;font-size: 1.4em; color: #333; }
.freedok img{ width: 20%;}


.kj{float: left; width: 90%; padding: 5%; background: #fff;line-height: 30px; font-size: 1.2em;}
.kj a{ color:#9a3253;}
.kj p{text-align:center;}

.team{ float: left; width: 100%; padding: 3% 0; background: #fff;}
.teamwap{ display: none;}
.container{float: left; width: 80%; padding: 5% 10%;background: #fff;line-height: 25px; }
.containera{ float: left;width: 80%; padding: 5% 10%;background: #f3f3f3;line-height: 25px; }
.container p{  text-align: center;}
.containera p{  text-align: center;}
.containerlogo{float: left; width:100%; padding-bottom: 5%; }
.pg_titile{float: left; width: 100%; font-size: 2.2em; color: #9a3253;text-align:center; padding-bottom: 1%; font-weight: normal; }
.pg_titile span{position: relative;
    overflow: hidden;
   
    margin: 5px 0 10px 0;
    display: block; }
.pg_titile p{float: left; width: 100%; font-size: 0.8em; color: #999;text-align:center; padding-bottom: 1%; font-weight: normal; }
.sig_ftlh_left{float: left; font-weight: normal;font-size: 1em;  color: #333;}
.sig_ftlh{float: left; width: 100%; text-align: center;}
.sig_ftlh ul li{ float:left; width: 12.66%; padding:2%;font-size: 1em; font-weight: normal; color:#333;  }
.sig_ftlh ul li img{  width: 70%; padding:15%; }
.sig_ftlh ul li p{ float:left; font-size: 1em; font-weight: normal; color:#333;  }
.sig_ftlh tr,td{ font-weight: normal; color:#333;  }

.emv3ds_left{float: left;width: 50%;  text-align:left;  }
.emv3ds_left p{text-align:left; font-size: 1em; }
.emv3ds_left ul li{float: left;width: 95%;font-size: 1em; padding: 2% 0; margin-left: 5%; line-height: 20px; list-style:disc;    }

.emv3ds_fontbox2{float: left; width: 100%;color: #999;text-align:left;font-size:1.6em; padding-bottom: 1%;}
.emv3ds_fontbox3{float: left; width: 100%;color: #9a3253;text-align:left; padding-bottom: 1%; font-weight: normal;}
.emv3ds_fontbox3 ul li{float: left; width: 100%;  color: #333;text-align:left; padding-bottom: 2%; font-weight: normal; }
.emv3ds_fontbox3 ul li h4{float: left; width: 100%;font-size:1.4em;  color: #9a3253;text-align:left; padding-bottom: 1%; font-weight: normal;}
.col-md-4{float: left; width: 25%; background: #fff; }
.sl_digB_img{ padding-top: 5%; text-align: center;font-size: 1.2em; font-weight: normal; color:#333; }
.s3dssdkimg{ float:left; width:40%; padding:0 30%; text-align: center; }

.emv3ds_logo{float: left; width: 100%; text-align: center;}
.emv3ds_logo ul li{float:left; width: 12.66%; padding:2%;font-size: 1em; font-weight: normal; color:#333; }
.emv3ds_fontbox4{float: left; width: 100%;font-size:1.2em; color: #9a3253;text-align:center; padding-bottom: 1%; font-weight: normal;}
.emv3ds_fontbox5{float:left; width: 100%;  }
.emv3ds_fontbox5 ul li{float:left; width: 29.33%; padding:2% 2% 0 2%;font-size: 1.2em; text-align: center;}
.emv3ds_fontbox5 ul li h2{float:left; width: 100%; padding:2% 0; font-size: 1.4em; text-align: center;} 


.pg_alit_cen{float:left; width: 100%;}
.pg_alit_cen ul li{float:left; width: 21%; padding:2% 2% 0 2%; text-align: center;}
.pg_alit_cen ul li h2{float:left; width: 100%; padding:2% 0; font-size: 1.4em; text-align: center;}
.sdk_img{float: left; width: 100%;text-align:left; padding-bottom: 1%; }
.sdk_img ul li{float: left; width: 21%; padding:2% 2% 0 2%; text-align: center;}


.partner{ float: left; width: 80%; padding: 5% 10% 5% 10%; background: #fff; }
.partner ul li{float: left; width: 45%; border-top: 6px solid #9a3253; padding: 5% 0; margin-right:5%;}
.partner ul li.partnerbai{border-top: 6px solid #fff;}
.partner ul li.partnerbaia{border-top: 6px solid #fff;}
.partnerimg{float: left;width: 100%;}
.partnertxt{float: left;width: 100%; text-align: left; color: #333333; font-size: 1em; height:40px;}
	



/*****footer*****/
.footer { width: 100%; 
	background:#F2F2F2 ;
}
.footer-left {
	float: right;width: 100%;
	color:#000;
}

.copy p{  text-align: right;
	color:#000;
	font-size:0.8em;
	 padding: 3% 10% 2% 10%;
}
/****social_icons******/
.social_icons {
	float:left;  width:80%; background:#9a3253 ;
	padding: 1em 10%;font-size:1.2em;
}
.social_icons li  a{
	color: #fff;
	float:left;font-size:1.2em;
}
.social_icons li
{
	float:left;
	margin-right: 1.2em;
}


.section-title h3
{
	color: #FFF;
	font-size: 3em;
	font-weight: bold;
	text-shadow: 0px 0px 1px #FFF;
	text-align: center;
	padding: 1em 0em;
}

/******responsive*******/

@media only screen and (max-width:1702px)
{
	.top-grid h3{font-weight: normal; 	font-size: 1.1em;	color: #9a3253;	margin:1em 0;}
	
	
}
@media only screen and (max-width:1620px)
{
.logo{float: left; margin: 0 1% 1% 10%; width: 17%;}
}
@media only screen and (max-width:1492px)
{
.main_left p{
	color:#fff;
	font-size:1.8em;
	}
}
@media only screen and (max-width:1343px)
{
	.top-grid h3{font-weight: normal; height: 40px;	font-size: 1.1em;	color: #9a3253;	margin:1em 0;}
	
	
}


@media only screen and (max-width:1320px)
{
	.logo{float: left; margin: 0 0 1% 10%; width: 18%;}
.main_left h2{
	color:#fff;
	font-size: 1.6em;
	
}
.main_left p{
	color:#fff;
	font-size:1.6em;
	
}

@media only screen and (max-width:1200px)
{
.logo{float: left; margin: 0 0 1% 10%; width: 18%;}
.header-left{
	float:left;
	margin-top: 1.2%;
}
	.top-grid {
	width: 48%; 
	float: left; margin: 0;
	text-align: left;
	padding:0 1% 2em 1%;
	}
	.top-grid a {
		font-size: 1em;
	}
	.top-grid span {
		width: 35px;
		height: 35px;
	}
	.top-grid span label {
		font-size: 1.2em;
	}
	.top-grid h3{font-weight: normal;height: 30px;		font-size: 1.2em;	color: #9a3253;	margin:1em 0;}
}
@media only screen and (max-width:1117px)
{
    .top-nav ul li a{
	color: #000;
	 margin: 0.4em 0.8em 0.4em 0.8em;
	display: block;
	font-size: 1.2em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;}
}   
@media only screen and (max-width:1023px)
{	
	.freed{ float: left; width: 90%; padding: 0 5% 3% 5%; line-height: 30px; background: #fff; }
    .form-row{ float: left;}
	.emv3ds_fontbox4{ float:left;width:100%;}
	.navicon
	{
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 3%;
		right:5%;
		background: url(../images/nav-icon.png) no-repeat;
	}
	.top-nav{
		display:none;
	}
	/*----*/
	#page{
		display:block;
	}
	.main_top{ display: none;}
	.top-grid {
	width: 48%; 
	float: left; margin: 0;
	text-align: left;
	padding:0 1% 2em 1%;
	}
	.top-grid a {
		font-size: 1em;
	}
	.top-grid span {
		width: 35px;
		height: 35px;
	}
	.top-grid span label {
		font-size: 1.2em;
	}
	.top-grid h3{font-weight: normal;	font-size: 1.2em;	color: #9a3253;	margin:1em 0;}
	.header-right {
	width: 24%;
	}
	.header-left {
	margin-left: 1em;
	}
	
	.logo{float: left; width: 40%; margin:0 2%;}
	.title{ margin: 1em 5% 0 5%;font-size: 1.8em;}
	
	.aboutd{float: left; width: 90%; padding:  3% 5% 3% 5%; line-height: 30px;}
	.top-nav ul li a {
	padding: 2.2em 1.1em 1.6em 1.1em;
	}
	.main_left { 
	width: 40%;
	padding:5%;
	}
	.main_left h2 { font-size: 1.8em;
	}
	.main_left p { font-size: 1.8em;
	}
	.main_right {
	float: none;overflow:hidden;
	width: 100%;
	text-align: right;
	}
	.buttons .sign_up {
	display: none;
	}
	.copy p{ text-align: right;
	color:#000; padding: 3% 5% 3% 5%;
	font-size:0.8em;
	}
	
	
	.produck{float: left;color:#fff; padding: 5%; width: 90%; }
	.produckb{float: left; font-size:1.0em; width: 100%;}
	.produckaa{float: left;padding: 10%; width:80%; color: #fff;font-size: 1.2em;}
	.aboutc{float: left; padding: 5% 5%; width: 90%;}
	.productitb3{float: left;color:#333; padding: 5% 0; width:100%; font-size: 1.5em;}
	.produck3{float: left; padding: 5% 0; width: 100%;}
	.producka3{float: left;  width:24%;margin:0.5%;background: #333333; }
	.produckc3{float: left; padding-top:120%;font-size: 0.8em;}
	
	.producke2{float: left;width: 40%;  margin-left: 10%;}
	.producke2r{float: left; width: 100%;}
	.producka2{float: left; width: 48.8%;}
	.produckfa{float: left; width: 100%; padding:2% 0; }
	.aboutleft{float: left; width: 100%; text-align: center; }
	.aboutright{float: left; width:100%; padding-right: 2%; padding-bottom:3%;  }
	.aboutcenter li{float: left; width:29.33%; padding: 1% 2%;  text-align: center;  }
	.kj{float: left; width: 80%; padding: 5% 10%; background: #fff;line-height: 30px; font-size: 1.2em;}
}
@media only screen and (max-width:883px)
	
{
.main_left
{ position: absolute;
	float:left;
	width:40%; margin: 0; padding:1% 10%;
}
	}
@media only screen and (max-width:750px)
	
{	.emv3ds_fontbox4{ float:left;width:100%;}
	.navicon
	{
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 22px; text-align: center;
		
		background: url(../images/nav-icon.png) no-repeat;
	}
	.social_icons {
	float:left;  width:90%; background:#9a3253;
	padding: 2% 5%;
}

	.wrap
	{
		width:100%;
	}
	.header-right {
	width: 30%;
	}
	.navicon {
	right: 5%;
	}
	.logo{float: left; width: 60%; margin:0 5% 0 5%; }
	.main_top{display:block; width:100%; }
	.main_top img{ float: left; display:block; width: 100%; }
	
	.main_left{float: left; position: static; width: 90%;background: #000; margin: 0; border-top: 6px #9f3356 solid;padding: 10% 5% 25% 5%; 
	}
	
	.main_left h2 { font-size: 1.8em; font-weight: normal;}
	.main_left p { font-size: 1.8em;width: 100%;font-weight: normal; padding: 0; margin: 0; font-family: Helvetica; font-weight: bold;}
	.main {	margin: 0;padding:0;}
	
	.main_right{display:none; }
	.main_rightd1{position: absolute;z-index:114;width: 90%;padding: 2% 0 0 5%;animation-delay:1.5s;}
	.main_rightd2{position: absolute;z-index:113; width: 30%; padding: 25% 5% 0 2%;animation-delay:2s;}
	.main_rightd3{position: absolute;z-index:112;width: 30%;padding: 30% 1% 0 69%;animation-delay:2s;}
	.main_rightd4{position: absolute;z-index:111;width: 20%;padding: 8% 0 0 75%;animation-delay:2s;}
	.main_rightd5{position: absolute;z-index:110;width: 70%;padding: 0 5% 0 20%; animation-delay:1s;}
	.main_rightdbj{float:left;}
	
	.title{ margin: 10% 5% 0 5%;font-size: 1.8em;}

	.top-grid {	width: 100%; float: none; margin: 0;text-align: left;padding: 0;}
	.top-grid img{ width:100%;}
	.top-grid h3{font-size: 1.2em; font-weight: normal;}
	.top-grid p{margin:0 0 5% 0; font-size: 1.1em;}
	.buttons {	margin: 0em;	}
	
	.social_icons li{	float:left; font-size: 0.9em;
	} 
	.footer-left {
	float: left; width: 100%;
	color:#000;
}
	.copy p{ width: 90%; text-align: left;
	color:#000; padding: 6% 5% 8% 5%;
	font-size:0.8em;
	}
	
	
	
	.productita{float: left; color:#fff; padding:8% 5%; width: 90%; font-size: 1.8em; }
	.productitb{float: left;color:#fff; padding: 5%; width: 90%; font-size: 1.5em;}
	.productitb3{float: left;color:#333; padding: 5% 0; width:100%; font-size: 1.5em;}
	.produck{float: left;color:#fff; padding: 5% 5% 20% 5%; width: 90%;  }
    .producka{float: left;  width:100%;margin-bottom: 5%;}
	.produckaa{float: left;background: #fff; padding: 5%; width:90%; color: #fff;font-size: 1.4em; display: block;}
	
	.produck3{float: left; padding: 5% 0; width: 100%;}
	.producka3{float: left;  width:49%;margin:0.5%;background: #333333; }
	.produckc3{float: left; padding-top:120%;font-size: 0.8em;}
	
	.map{float: left; width: 90%; padding: 5% 5% 0 5%; background: #fff;}
	.mapleft{float: left; width: 100%; display: none;}
    .mapright ul li{float: left; width:100%; padding-bottom:5%; padding-top: 5%; line-height: 30px; }

	.mapmail{float: left; width: 15%; padding-right: 2%;}
	.mapcity{float: left; font-size: 1.5em; width: 83%; padding: 0; margin: 0; color: #9a3253;}
	
	
	.about{float: left; width: 90%; padding:15% 5%; background: #fff;line-height: 25px;}
	.aboutleft{float: left; width: 60%; padding: 5% 20% 5% 20%; text-align: center; }
	.aboutright{float: left; width:100%; padding-right: 2%; padding-bottom:3%; font-size: 1em; }
	.aboutcenter li{float: left; width:90%; padding: 2% 5%;  text-align: center; color: #9a3253; font-size: 1.2em; }
	.aboutc{float: left;  width: 90%; text-align: left;margin:5% 0; padding:10% 5%;font-size: 1em;background: #fff; }
	.aboute{float: left;  width: 100%; text-align: left;margin:0;font-size: 1em;padding-bottom: 5%; }
	.aboutd {float: left; width:100%;margin:0; padding:10% 0 10% 0;line-height: 25px; background: #FFF;}
	.aboutrightlogo{display: none;}
	.aboutrightlogow{float: left; width: 100%; display: block; padding-top:5%;background:#fff;}
	
	
	.producka2{float: left;  width:100%;margin:0.5% 0; border-radius:10px; }
	.producke2{float: left;  width:100%; width:50%; font-size: 1em; padding: 0; margin: 0; }
	.producke2a{font-size: 1.2em; color: #9f3356;font-weight: bold;}
	.producke2r{float: left;  width:100%;padding-bottom: 5%;}
	.produckfb{float: left;  width:100%;padding-bottom: 15%;}
	
	.title{ margin: 1em 5% 0 5%;font-size: 2em;}
	.producttitle{float: left; color:#333; width: 100%;font-size:1.2em; padding-bottom: 5%; padding-top: 5%;}
	.partner{float: left; width: 90%;padding:10% 5%; background: #fff; }
	.partner ul li{float: left; width: 100%;padding:  10% 0; border-top: 3px solid #9a3253; text-align: center; }
	.partner ul li.partnerbai{border-top: 6px solid #fff;}
	.partner ul li.partnerbaia{border-top: 3px solid #9a3253;}
	.partnerimg{float: left;width: 50%;}
	.partnertxt{float: left;width: 100%;font-size:1.2em;height:auto;}
	.kj{float: left; width: 90%; padding: 5%; background: #fff;line-height: 30px; font-size: 1.2em;}
	
	.buttom{ padding: 5%;	}
	.aboutitle{font-size: 1.6em; color: #000; text-align: left; padding-bottom: 5%;}
	.aboutitlea{font-size: 1.1em; color: #9a3253; font-weight: normal;text-align: left; }
	.aboutitleb{font-size: 1.1em; color: #9a3253;padding:5% 0 ;text-align: left;}
	.anoutcom ul li{float: left; font-size: 1em; width: 100%; margin-top: 0; padding: 0; text-align: left; color:  #9a3253;text-decoration: underline; border-radius:5px  }
	.aboutlogo{ float: left; width: 100%; display: none;}
	.aboutlogo img{ float: left; width: 60%;}
	.aboutlogoa{ float: left; width: 100%; padding-bottom: 10%;display: block;}
	.aboutlogoa img{ float: left;width: 60%; }
	
	.container{ width: 90%; padding: 10% 5%; }
	.containera{ width: 90%; padding: 10%  5%;background: #f3f3f3; }
    .containerc{ float: left; width: 40%; padding: 10%  5%;background: #f3f3f3; }
	
	.pg_titile{float: left;font-size: 1.6em; color: #9a3253;text-align: left; padding-bottom: 2%;}
	.pg_titile span{ lin}
	.pg_titile p{float: left; width: 100%; font-size: 0.8em; color: #999;text-align:left; font-weight: normal; }
	.sig_ftlh{ float:left;  width: 100%;}
	.emv3ds_left{ float:left;width: 100%;}
	.sig_ftlh ul{ float:left;width: 100%;}
	.sig_ftlh ul li{ float:left; width: 46%; padding:2%;font-size: 1em; font-weight: normal; color:#333;  }
	.sig_ftlh ul li p{ float:left; font-size: 0.9em; font-weight: normal; color:#333;line-height: 20px;  }
	.sig_ftlh table,tr,td{font-size: 1em; font-weight: normal; color:#333;  }
	.col-md-4{float: left; width: 100%;}
	.emv3ds_fontbox3{float: left; padding-top: 5%;}
	.emv3ds_fontbox3 ul li{float: left; width: 100%;  color: #333;text-align:left;font-size: 1em; padding-bottom: 5%; font-weight: normal;}
	.emv3ds_fontbox4,.emv3ds_fontbox5{font-size: 1em;}
	.emv3ds_fontbox5 ul li{float:left; width: 96%; padding:2% 2% 0 2%;font-size: 1em; text-align: center;}
	.pg_alit_cen ul li{float:left; width: 96%; padding:5% 2% 0 2%; text-align: center;}
	.pg_titile{ text-align: left;}
	.s3dssdkimg{ float:left; width:100%; padding:0; text-align: center; }
	
	.emv3ds_logo ul li{float:left; width: 29%; padding:2%;font-size: 1em; font-weight: normal; color:#333; }
	.containerlogo{ float: left; width: 60%; padding:10% 20%;}
	.sl_digB_img{ padding-top: 5%; text-align: center;font-size: 1.1em; font-weight: normal; color:#333; }
	.sdk_img ul li{float: left; width: 46%; padding:2% 2% 0 2%; text-align: center;}
	
	.team{display: none; }
	.teamwap{ float: left; width: 100%; display: block;}
    
    
.freed{ float: left; width: 90%; padding: 0 5% 3% 5%; line-height: 30px; background: #fff; }
.freetitle{float: left;font-size: 1.3em; color: #9a3253; width: 100%; font-weight: normal;text-align: left;padding: 5% 0; }
.freeul{float: left; width: 100%;}
.freeul ul li{float: left; width: 100%; padding: 2% 0; }
    
    .freedok{ float: left; width: 90%; padding:40% 5%; line-height: 40px; background: #fff; text-align: center;font-size: 1.2em; color: #333; }
.freedok img{ width: 40%;}
    }
}



.select {
		display: inline-block;
		width: 85;
		position: relative;
		vertical-align: middle;
		padding: 100;
		overflow: hidden;
		background-color: #fff;
		color: #000;
		border: 1px solid #ccc;
		text-shadow: none;
		border-radius: 4px;	
		transition: box-shadow 0.25s ease;
		z-index: 2;
		appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
	}
 
	.select:hover {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
	}
 
	.select:before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-top-color: #ccc;
		top: 14px;
		right: 10px;
		cursor: pointer;
		z-index: -2;
				appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
	}
	.select select {
		cursor: pointer;
		padding: 10px;
		width: 100%;
		border: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
		-moz-appearance: none;
				appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
	}
 
	.select select:focus {
		outline: none;
				appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
		}

/*.btn.signin_btn*/
.btn.signin_btn,.btn.signin_btn:focus {
    width: 100%;
    padding: 0;
    height: 50px;
    background: #26d9b3;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 0 5px 30px rgba(60,191,163,.3);
    margin-top: 23px;
}

.btn.signin_btn.signin_btn_two,.btn.signin_btn.signin_btn_two:focus{background: #a92950;box-shadow: 0 5px 30px rgba(171,39,79,.3);}
/*.btn.signin_btn*/

.signin-footer p{
    color: #91949c;
    font-size:16px;
    max-width: 265px;
    margin: 35px auto;

}
.signin-footer p>a{
    color: #7c8089;
    font-size:16px;
    font-weight: 500;
    text-transform: capitalize;

}