
    .device-header{
        display:none;
        width:100%;
        height:70px;
        background:#fff;
        -webkit-box-shadow: 0 2px 2px 0 #9a9a9a;
        box-shadow: 0 2px 2px 0 #9a9a9a;
        border-top: 1px solid #d4e3ff;
    }

    .footer{
        display:none;
        width:100%;
        height:35px;
        -webkit-box-shadow: 0px -1px 2px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    0px -1px 2px 0px rgba(50, 50, 50, 0.75);
        box-shadow:         0px -1px 2px 0px rgba(50, 50, 50, 0.75);
    }

    .logo{
        background: no-repeat center url(/media/layout/prepaidunion_logo_small.png);
        height:66px;
        width:100%;
        float:left;
        cursor:pointer;
    }

    .logo a{
        font-size:0;
    }

    .menu{
        width:100%;
        height:35px;
        color:#FFF;
        font-size:30px;
        cursor:pointer;
        float:left;
        margin-top:7px;
        background: #2c539e; /* Old browsers */
        background: -moz-linear-gradient(top,  #2c539e 0%, #2c539e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c539e), color-stop(100%,#2c539e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #2c539e 0%,#2c539e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0 2px 2px 0 #9a9a9a;
        box-shadow: 0 2px 2px 0 #9a9a9a;
    }

    .page-menu{
		list-style:none;
		width:100%;
		height:auto;
		margin:0;

		position:relative;
		text-transform:uppercase;
	}

	.page-menu img{
		position:absolute;
		margin-top:6px;
		margin-left: -26px;
		display:none;
	}

	.page-menu li{
		float:left;
		width:33%;
		height:100%;
		text-align:center;
		border-right:#4871c2 dotted 1px;
	}
	
	.page-menu li:active{
		background:#1a3a79;	
	}
	
	.page-menu li a{
		color:#fff;
		position:relative;
		height:100%;
		line-height:35px;
		font-size:20px;
        font-weight:bold;

	}
	
	ul.page-menu li:last-child img{
		margin-left: -80px;
	}
	
	.page-menu li:last-child{
		margin:0;
		border:0;
		float:right;
	}
	
	.page-menu li span{
		font-size:12px;
		color:#FF9E9F;
		position:absolute;
		margin-left:55px;
		top:-0;
	}

	.menu-box:-webkit-scrollbar { 
		display: none; 
	}

    .menu-box{
		display:none;
		overflow:auto;
        width:300px;
        height:100%;
        position:fixed;
        left:-301px;
		top:0;
        z-index:1500;
		border-right:1px solid #fff;
		background: #2c539e; /* Old browsers */
		background: -moz-linear-gradient(top,  #2c539e 0%, #2c539e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c539e), color-stop(100%,#2c539e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #2c539e 0%,#2c539e 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
		-webkit-box-shadow: 0 2px 2px 0 #9a9a9a;
        box-shadow: 0 2px 2px 0 #9a9a9a;
    }

    .break{
        width:100%;
        height:1px;
        background:#3f7bb7;
        margin:10px 0 10px 0;
    } 

    .menu-header{
		width:290px;
		height:auto;
		text-align:left;
		color:#ed7c28;
		font-size:25px;
		font-weight:bold;
		margin-top:5px;
		margin-bottom: 5px;
		background:#fff no-repeat right url("/mobile/images/close.png") ;
		background-position: 260px;
		padding:5px;
		border-top:1px solid #3f7bb7;
		border-bottom:1px solid #3f7bb7;
		cursor:pointer;
		
    }

    .menu-category{
		width:283px;
		height:auto;
		text-align:left;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		background: #4265a8;
		padding:2px 2px 2px 15px;
		border-top:1px solid #3f7bb7;
		border-bottom:1px solid #3f7bb7;
		
    }

    .menu-footer{
		width:300px;
		height:1px;
		background: #4265a8;
		border-top:1px solid #3f7bb7;
		
    }
	
    .main-language{
		position:absolute;
		margin-top:-6px;
		right:3px;
		height:28px;
		width:28px;
    }
	
    #MainMenu li .flags{
		position: absolute;
		margin-top: -3px;
		width: 20px;
		height: 20px;
    }
	
    .help-cotact{
		padding:0;
		margin:0;
		height:auto;
		width:100%;	
    }
	
	.help-cotact-list{
		width:49.9%;
		height:35px;
		float:left;
		text-align:center;
		font-size:18px;
		font-weight:bold;
		border-right:1px dotted #7c88a4;
		border-bottom: 1px solid #dfdfdf;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	}
	
	.help-cotact-list:last-child{
		border-right:0;
		width:49.8%;
	}
	.help-cotact-list a{
		color:#2c539e;
		position:relative;
		top:0;
		height:100%;
		line-height:36px;

	}
	::i-block-chrome,.help-cotact-list a{
		padding-left: 0;
	}
	
	.help-cotact-list img{
		position:absolute;
		top:2px;
		margin-left:-30px;
	}
	
	.footer-title{
		width:100%;
		height:35px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
		float:left;
		margin-top:4px;
		margin-bottom:5px;
		border-bottom: 1px dotted #7c88a4;
		 -webkit-box-shadow: 0px -1px 2px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px -1px 2px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px -1px 2px 0px rgba(50, 50, 50, 0.75);
		text-align:center;
		font-size:14px;
		font-weight:bold;
		
	}
	
	.footer-title a{
		color:#2c539e;
		line-height:35px;
	}
	
	.footer-top-up{
		width:100%;
		height:35px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
		float:left;
		border-bottom: 1px dotted #7c88a4;
		
		text-align:center;
		font-size:14px;
		font-weight:bold;
	}
	.footer-top-up:active{
		background: #fff; /* Old browsers */
	}
	.first{
		margin-top:5px;
	 	-webkit-box-shadow: 0px -1px 2px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px -1px 2px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px -1px 2px 0px rgba(50, 50, 50, 0.75);
	}
	

	.footer-top-up a{
		color:#2c539e;
		line-height:35px;
	}
	.payment-list{
		padding:0;
		width:100%;
		background:#fff;
	}
	
	.payment-list-item{
		float:left;	
		width:auto;
		height:auto;
		padding:5px;
		margin-bottom:5px;
		margin-left:5px;
		text-align:center;
		border: 1px solid #f0f0f0;
		-webkit-box-shadow: 1px 1px 1px 0 #858585;
		box-shadow: 1px 1px 1px 0 #858585;
	}
	
	.social-list{
		width:100%;
		height:auto;
		left:0;
		right:0;
		position:relative;
		margin:0 auto;
		background:#000;
		
	}
	
	.social-list-item{
		float:left;	
		width:25%;
		height:auto;
		padding:5px 0 5px 0;
		margin-bottom:5px;
		text-align:center;
		
	}
	
	.footer-lower{
		width:100%;
		height:60px;
		background: #1a3a79; /* Old browsers */
		float:left;
		 -webkit-box-shadow: 0px -1px 2px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px -1px 2px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px -1px 2px 0px rgba(50, 50, 50, 0.75);
		text-align:left;
		font-size:9px;
		line-height:60px;
		color:#efefef;
		text-indent:10px;
	}
	
	.modal{
		position:fixed;
		top:0; 
		left:0; 
		width:100%;
		height:100%; 
		background:#333; 
		opacity:0.9; 
		z-index:1000; 
		display:none;
	}
	
	img#image-login {
		margin-left: -65px;
	}
	

   ::i-block-chrome,.page-menu img {

      display:none;

   }
   
   ::i-block-chrome,.help-cotact-list img{
	  display:none;
   }
   
   .navigation_steps_mobile{
		display:none;  
   }
   
   .left-top{
	  display:none;  
   }
   
   .logout-top{
		display:none;  
   }
   
   .ie .first{
	margin-top:0px;  
   }

	@media screen and (max-width: 400px) {
		.wg-form .radioBox:nth-child(1),
		.wg-form .radioBox:nth-child(2) {
			width: auto;
			float: left;
		}
		.radioBox > label {
			position: inherit;
		}
		.radioBox span.field:nth-child(2) {
			margin-top: 0;
			margin-bottom: 15px;
		}
	}
   
  

