@import url('https://fonts.googleapis.com/css?family=Open+Sans:600');

		html{
			/*background-image: url('http://vplaynow.com/sa/images/cellphone.jpg');
			background-size:3000px;
			background-position:fixed;
			background-repeat: no-repeat;*/
			color:#000000;
			font-family: 'Open Sans', sans-serif;
			/*font-size: 12px;*/
			font-size: 10px;
		}

		body{
			margin:0;
			padding:0;
			background:#DD8639;
			background:#003366;
		}

        .multi-language {
            position: absolute;
            height: 30px;
            right: 5px;
            display: block;
            direction: ltr;
            z-index: 1000;
			text-align:center;
        }

		.multi-language .list {
			display: inline-block;
			font-size: 12px;
			margin: 0 0.5rem;
			list-style: none;
			line-height: 2;
			padding: 0;
			text-align:center;
		}

		.multi-language .list li {
			display: inline-block;
			cursor: pointer;
			color: #ffffff;
			text-decoration: underline;
			margin: 0;
			padding: 2px;
			border-top: none;
			text-align:center;
		}

		.language-option{
			text-align:center;
			width:40px;
			color: #ffffff;
			background-color:#ff2121;
			text-decoration:none;
		}

        .current {
            border-top: none;
            background-color: rgba(235,102,84,1);
            color: #fffffff !important;
            text-decoration: none !important;
			width:40px;
			text-align:center;
        }

        .only-ar, .only-en {
            display: block;
        }

		.bullets-ar {
            display: block;
			text-align: right;
        }

		.bullets-en {
            display: block;
			text-align: center;
			color: #d5d5d5;
        }

        .optionAr {
            font-family: Tahoma;
        }

        .price-info {
            padding-top: 20px;
        }

        ol li a {
            text-decoration: underline;
            color: #000 !important;
        }

		li a {
            text-decoration: none;
            color: #000 !important;
        }
		
		ul{list-style-type: none;text-align:left;}
        .bullet-ar {
            text-align: right;
        }

		.bullet-en {
            text-align: left;
        }

		.buttons {
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 30px;
			display: inline-block;
			cursor: pointer;
			text-decoration: none;
			width: 100%;
			font-family: "Arial";
			font-weight: bold;
			color: #ffffff;
			font-size: 17px;
			background: #ff2121;
			border-style: none;
			box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
		}

		.buttons span {
			top:0;
			padding:0;
			margin:0;
			line-height:38px;
		}

		.cancel {
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			border:2px solid c2c2c2;
			display:inline-block;
			cursor:pointer;
			text-decoration:none;
			width:auto;
			height:auto;
			font-family: "Arial";
			font-weight:bold; color:#ffffff; font-size:17px;
			background: #000000;
		}

		.MSISDNclass {
			display:block;
			width:300px;
			float:none;
			clear:all;
			margin: 0 auto;
		}
		
		.inputWrap {
			margin: 0px;
		}
		
		.inputWrap input{
			display:inline;
			float:none;
		}

		.inputWrap input, .inputWrap select{
			border-radius: 10px;
			border: 1px solid #4c4c4c;
			color: #000;
			text-align: center;
			width: 100%;
			border-radius: 30px;
			font-size: 16px;
			border: solid 1px #999;
			border-radius: 30px;
			padding: 10px 0px;
		}

		.container {
			margin:0 auto;
			padding: 5px;
			font-weight: bold;
			-webkit-transition: box-shadow 0.5s;
			transition: box-shadow 0.5s;
			overflow: hidden;
			border-radius: 10px;
		}


		@media only screen and (max-width: 800px) {
			.buttons {width: 75%;}
			.inputWrap input, .inputWrap select{width:75%;}
		}
		
		footer {
			position: relative;
			margin-top: 10px;
			float: left;
			width:100%;
			bottom: 0px;
			font-size: 10px;
			/*background-color: rgb(255, 210, 210, 0.7);*/
			left: 0px;
		}
		
		footer .only-en {
			padding: 10px;
		}
		
		footer .only-ar {
			padding: 0px;
		}
		
		#disclaimer {
			display: block;
			margin: auto;
		}
		
		.langBtn {
			float: right;
		}
		
		header {
			position: realative;
			width:100%;
			top: 0px;
			font-size: 10px;
			/*background-color: rgb(255, 210, 210, 0.7);*/
			left: 0px;
			height: auto;
		}
		
		header .only-en {
			padding: 5px;
		}
		

.content-block {
	width: 33%;
	float: left;
	/*margin-top: 10px;*/
	margin-top: 5px;
}
.leftsideimage, .rightsideimage {
	margin:0px auto;
	float:none;
	display:block;
}
.innerblock {
	width:90%;
	float:none;
	margin:0px auto;
	display:block;
}
.outerdiv {
	margin-top: 10px;
    width: 100%;
    float: left;
    
    padding: 0px 0px;
}
#operator {
	padding-left:20px;
}
#subConfirm {
	width:100%;
	float:left;
}
.inputWrap {
	width:100%;
	/*margin-bottom:10px;*/
	margin-bottom: 5px;
	float:left;
}
.inputWrapbutton {
	width:100%;
}
.phnum {
	text-align: center;
    width: 100%;
    float: left;
}
.inputWrap .termsbox {
	    width: auto;
    margin-right: 10px;
}
.innercontent {
	background: #818ca5;
    float: left;
    width: 100%;
    /*border-radius: 20px;
    padding: 30px 0px;*/
	border-radius: 10px;
	padding: 10px 0px;
}
.infolabel {
	text-align: center;
    width: 100%;
    float: left;
    /*font-size: 12px;*/
	font-size: 10px;
}




@media screen and (max-width:800px) and (min-width:1px) {
	.inputWrap input[type='text'],.inputWrapbutton button {
		width: 75%;
		margin: 0px auto;
		display: block;
	}
}
@media screen and (max-width:767px) and (min-width:1px) {
	footer, header {
		margin-top: 0px;
	}
	.bullets-en {
		text-align: justify;
	}
	.content-block {
		width:100%;
	}
	.rightside-form {
		/*padding-top:10px;*/
		padding-top:0px;
	}
	#subConfirm {
		/*width: 95%;
		background: #ecdd70;
		margin: 0px auto 20px;
		float: none;
		padding: 20px 0px;
		border-radius: 10px 10px 0px 5px;
		-webkit-box-shadow: 6px 10px 5px 0px rgba(236,222,112,1);
		-moz-box-shadow: 6px 10px 5px 0px rgba(236,222,112,1);
		box-shadow: 6px 10px 5px 0px rgba(236,222,112,1);*/
	}
	.checkboxdiv {
		text-align: center;
		width: 95%;
		/*font-size: 12px;*/
		font-size: 10px;
	}
	.innerblock {
		width:96%;
	}
	.outerdiv {
		margin:5px 0px;
	}
}
@media screen and (max-width:480px) and (min-width:1px) {
	html {
		width:auto;
		float:left;
	}
	.leftsideimage, .rightsideimage {
		width:100%;
	}
	.bullets-en {
		text-align: justify;
	}
}