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

		html{
			/*background-color: #ffffff;*/
			background-image: url('../images/cellphone.jpg');
			background-size:cover;
			background-position:fixed;
			background-repeat: no-repeat;
			color:#000000;
			font-family: 'Open Sans', sans-serif;
			font-size: 14px;
		}
        .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: left;
        }

        .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:6px;
			display:inline-block;
			cursor:pointer;
			text-decoration:none;
			width:75%;
			height:50px;
			font-family: "Arial";
			font-weight:bold;
			color:#ffffff;
			font-size:17px;
			background: #ff2121;
		}

		.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:250px;
			float:none;
			clear:all;
			margin: 0 auto;
		}
		.inputWrap input{
			display:inline;
			float:none;
		}

		.inputWrap input{
			border-radius: 10px;
			border: 1px solid #4c4c4c;
			color: #000;
			text-align: center;
			height:30px;
			width:180px;
		}

		img {
			max-width: 400px;
		}

		.list-class {
			font-size: 12px;
		}

		 .container {
			 background-color: rgb(255, 210, 210, 0.7);
			 width:30%;
			 margin:0 auto;
			 padding:30px;
			 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) {
			.container {width:80%; }

		 }