/* 
*  Estekhara by Quran
* ------------------------------------------------------------------------------------------------------------------------------------
*  888888 .dP"Y8 888888 888888 88  dP 88  88    db    88""Yb    db        88""Yb Yb  dP      dP"Yb  88   88 88""Yb    db    88b 88 
*  88__   `Ybo."   88   88__   88odP  88  88   dPYb   88__dP   dPYb       88__dP  YbdP      dP   Yb 88   88 88__dP   dPYb   88Yb88 
*  88""   o.`Y8b   88   88""   88"Yb  888888  dP__Yb  88"Yb   dP__Yb      88""Yb   8P       Yb b dP Y8   8P 88"Yb   dP__Yb  88 Y88 
*  888888 8bodP'   88   888888 88  Yb 88  88 dP""""Yb 88  Yb dP""""Yb     88oodP  dP         `"YoYo `YbodP' 88  Yb dP""""Yb 88  Y8 
*  
*  Version: 1.0 - StyleSheets
*  
*  http://estekhara.com/
*  ESTEKHARA WEB APP © 2014. All Rights Reserved.
* ------------------------------------------------------------------------------------------------------------------------------------ */

/*
*	Common Styles
*	 __   __               __       
*	/  ` /  \  |\/|  |\/| /  \ |\ | 
*	\__, \__/  |  |  |  | \__/ | \| 
*	                                
*/

@font-face { font-family: 'Estekhara'; src: url('fonts/ge-ss-med.eot'); }
@font-face { font-family: 'Estekhara'; src: url(//:) format('no404'), url('fonts/ge-ss-med.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face {
	font-family: "Uthman";
	src: url('fonts/UthmanTN1.eot');
	src: local("KFGQPC Uthman Taha Naskh"), url("fonts/UthmanTN1.otf");
	font-weight: 300; font-style: normal;
}
@font-face {
	font-family: "Uthman";
	src: url('fonts/UthmanTN1B.eot');
	src: local("KFGQPC Uthman Taha Naskh"), url("fonts/UthmanTN1B.otf");
	font-weight: 700; font-style: bold;
}
@font-face {
	font-family: 'KFGQPC_Naskh';
	src: url('fonts/KFC_naskh.eot');
	src: local('KFGQPC Uthman Taha Naskh'), url('fonts/KFC_naskh.otf') format('opentype');
}
@font-face {
	font-family: "Quran";
	src: local("me_quran"), url("fonts/quran.ttf");/* format ("truetype"); */
}

html {
	position: relative;
	min-height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: antialiased;
	font-family: 'Estekhara', Tahoma, "Helvetica Neue",sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.8;
	-ms-content-zooming: none;
	margin-bottom: 90px;
	/*background: #023177;*/
}

.rad2 {
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		-ms-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
			behavior: url(PIE.htc);
}

.rad5 {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
		-ms-border-radius: 5px;
		 -o-border-radius: 5px;
			border-radius: 5px;
			behavior: url(PIE.htc);
}

.rad10 {
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
		-ms-border-radius: 10px;
		 -o-border-radius: 10px;
			border-radius: 10px;
			behavior: url(PIE.htc);
}

.rad15 {
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
		-ms-border-radius: 15px;
		 -o-border-radius: 15px;
			border-radius: 15px;
			behavior: url(PIE.htc);
}

.rad50p {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		-ms-border-radius: 50%;
		 -o-border-radius: 50%;
			border-radius: 50%;
			behavior: url(PIE.htc);
}

#header, #footer .frame {
	position: relative;
	background: #023681;
	display: block;
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyMzY4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNlYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
	background-color: -moz-linear-gradient(top,  #023681 0%, #003ea1 100%);
	background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#023681), color-stop(100%,#003ea1));
	background-color: -webkit-linear-gradient(top,  #023681 0%,#003ea1 100%);
	background-color: -o-linear-gradient(top,  #023681 0%,#003ea1 100%);
	background-color: -ms-linear-gradient(top,  #023681 0%,#003ea1 100%);
	background-color: linear-gradient(to bottom,  #023681 0%,#003ea1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023681', endColorstr='#003ea1',GradientType=0 );
	
	background-repeat: repeat;
	background-position: center center;

	/*
	* You should include a border-color and border-style as a fallback
	* for browsers that don't support border-image (and to prevent 
	* this known issue that happens in certain versions of Firefox:
	* https://bugzilla.mozilla.org/show_bug.cgi?id=748253 (thanks to 
	* Lith for pointing this out).
	*/
	/*border-color: #4fd0ef;*/
	border-color: transparent;
	border-style: solid;
}

/* Forms */
:focus,.btn:active:focus,.btn:focus{outline:0}
::-moz-focus-inner {border:0;}
*:focus {
	outline: 0 none !important;
}

input[type="email"] {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
}

input#user-mobile {
	direction: ltr;
}

input[type="email"]::-webkit-input-placeholder { font-family: "Estekhara";}
input[type="email"]:-moz-placeholder { font-family: "Estekhara";}
input[type="email"]::-moz-placeholder { font-family: "Estekhara";}
input[type="email"]:-ms-input-placeholder { font-family: "Estekhara";}

input#user-mobile::-webkit-input-placeholder { text-align: right; }
input#user-mobile:-moz-placeholder { text-align: right; }
input#user-mobile::-moz-placeholder { text-align: right; }
input#user-mobile:-ms-input-placeholder { text-align: right; }

textarea.form-control {
	padding: 6px 12px;
}

@media(min-width: 768px){
	.form-inline .form-control {
		width: 175px;
	}
}

@media(max-width: 768px){
	.row.form-group {
		margin: 0;
	}
	.row.form-group .col-xs-12 {
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 10px;
	}
}


/* Button */
.BtnBig {
	display: inline-block;
	background-color: #F7F7F7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
	background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
	background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
	background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
	background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
	color: #A7A7A7;
	margin: 36px;
	width: 100px;
	height: 100px;
	position: relative;
	text-align: center;
	line-height: 100px;
	border-radius: 50%;
	box-shadow: 0px 3px 8px #AAA, inset 0px 2px 3px #FFF;
}
.BtnBig:before {
	content: "";
	display: block;
	background: #FFF;
	border-top: 2px solid #DDD;
	position: absolute;
	top: -10px;
	left: -10px;
	bottom: -10px;
	right: -10px;
	z-index: -1;
	border-radius: 50%;
	box-shadow: inset 0px 8px 48px #DDD;
}
.BtnBig b:before {
	position: absolute;
	top: 0;
	left: 15px;
	font-size: 72px;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.BtnBig:hover b:before,
.BtnBig:focus b:before,
.BtnBig:active b:before {
	opacity: 0;
}

.btn-renew,
.btn-order {
	background: #add46c;
	background: -moz-linear-gradient(top,  #add46c 0%, #84ba3d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#add46c), color-stop(100%,#84ba3d));
	background: -webkit-linear-gradient(top,  #add46c 0%,#84ba3d 100%);
	background: -o-linear-gradient(top,  #add46c 0%,#84ba3d 100%);
	background: -ms-linear-gradient(top,  #add46c 0%,#84ba3d 100%);
	background: linear-gradient(to bottom,  #add46c 0%,#84ba3d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add46c', endColorstr='#84ba3d',GradientType=0 );

	width: 100%;
	height: 60px;
	font-size: 30px;
	border: 1px solid #568d3f;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.7);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.33) inset, 0 5px 20px rgba(70,156,15,.75) inset, 0 2px 1px rgba(0,0,0,.15);
	   -moz-box-shadow: 0 1px 0 rgba(255,255,255,.33) inset, 0 5px 20px rgba(70,156,15,.75) inset, 0 2px 1px rgba(0,0,0,.15);
	    -ms-box-shadow: 0 1px 0 rgba(255,255,255,.33) inset, 0 5px 20px rgba(70,156,15,.75) inset, 0 2px 1px rgba(0,0,0,.15);
	     -o-box-shadow: 0 1px 0 rgba(255,255,255,.33) inset, 0 5px 20px rgba(70,156,15,.75) inset, 0 2px 1px rgba(0,0,0,.15);
	        box-shadow: 0 1px 0 rgba(255,255,255,.33) inset, 0 5px 20px rgba(70,156,15,.75) inset, 0 2px 1px rgba(0,0,0,.15);
}

.btn-renew {
	height: auto;
	font-size: 16px;
}

.sidebar .btn-renew {
	width: 100%;
	margin: 12px 0;
}

.btn-renew:focus,
.no-touch .btn-renew:hover,
.no-touch .btn-order:hover {
	color: #fff;
	border-color: #568d3f;
	background: #84ba3d;
	background: -moz-linear-gradient(top,  #84ba3d 0%, #add46c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84ba3d), color-stop(100%,#add46c));
	background: -webkit-linear-gradient(top,  #84ba3d 0%,#add46c 100%);
	background: -o-linear-gradient(top,  #84ba3d 0%,#add46c 100%);
	background: -ms-linear-gradient(top,  #84ba3d 0%,#add46c 100%);
	background: linear-gradient(to bottom,  #84ba3d 0%,#add46c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84ba3d', endColorstr='#add46c',GradientType=0 );
}

.btn-upgrade {
	background: #f8c301;
	background: -moz-linear-gradient(top,  #f8c301 0%, #cda101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8c301), color-stop(100%,#cda101));
	background: -webkit-linear-gradient(top,  #f8c301 0%,#cda101 100%);
	background: -o-linear-gradient(top,  #f8c301 0%,#cda101 100%);
	background: -ms-linear-gradient(top,  #f8c301 0%,#cda101 100%);
	background: linear-gradient(to bottom,  #f8c301 0%,#cda101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8c301', endColorstr='#cda101',GradientType=0 );

	width: 100%;
	height: auto;
	font-size: 16px;
	border: 1px solid #987801;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.7);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.33) inset, 0 5px 20px rgba(211,135,0,.75) inset, 0 2px 1px rgba(0,0,0,.15);
	   -moz-box-shadow: 0 1px 0 rgba(255,255,255,.33) inset, 0 5px 20px rgba(211,135,0,.75) inset, 0 2px 1px rgba(0,0,0,.15);
	    -ms-box-shadow: 0 1px 0 rgba(255,255,255,.33) inset, 0 5px 20px rgba(211,135,0,.75) inset, 0 2px 1px rgba(0,0,0,.15);
	     -o-box-shadow: 0 1px 0 rgba(255,255,255,.33) inset, 0 5px 20px rgba(211,135,0,.75) inset, 0 2px 1px rgba(0,0,0,.15);
	        box-shadow: 0 1px 0 rgba(255,255,255,.33) inset, 0 5px 20px rgba(211,135,0,.75) inset, 0 2px 1px rgba(0,0,0,.15);
	margin-left: 5px;
}
@media(min-width:768px){
	.btn-renew,
	.btn-upgrade {
		width: auto;
	}
}
.btn-upgrade:focus,
.btn-upgrade:active,
.btn-upgrade:hover {
	color: #fff;
}

.btn-upgrade:focus,
.no-touch .btn-upgrade:hover {
	color: #fff;
	border-color: #987801;
	background: #cda101;
	background: -moz-linear-gradient(top,  #cda101 0%, #f8c301 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cda101), color-stop(100%,#f8c301));
	background: -webkit-linear-gradient(top,  #cda101 0%,#f8c301 100%);
	background: -o-linear-gradient(top,  #cda101 0%,#f8c301 100%);
	background: -ms-linear-gradient(top,  #cda101 0%,#f8c301 100%);
	background: linear-gradient(to bottom,  #cda101 0%,#f8c301 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cda101', endColorstr='#f8c301',GradientType=0 );
}

.nopad {
	padding: 0;
}



/*  Header
*	      ___       __   ___  __  
*	|__| |__   /\  |  \ |__  |__) 
*	|  | |___ /~~\ |__/ |___ |  \ 
*	                              
*/

#header {
	height: 330px;
	background-image: url(../imgs/header-pattern.png);
	background-position: -117px center;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0, .35);
	   -moz-box-shadow: 0 0 40px rgba(0,0,0, .35);
	    -ms-box-shadow: 0 0 40px rgba(0,0,0, .35);
	     -o-box-shadow: 0 0 40px rgba(0,0,0, .35);
	        box-shadow: 0 0 40px rgba(0,0,0, .35);
}
	#header .container {
		background: none;
		position: relative;
	}
	#header .head .basmala {
		/*font-size: 22px;
		line-height: 42px;*/
		color: #fff;
	}
	#header .head {
		padding-left: 230px;
		padding-top: 66px;
		padding-bottom: 32px;
		color: #fecf21;
		/*border-bottom: 1px solid #fecf21;*/
		/*height: 110px;*/
		/*max-width: 880px;*/
		font-size: 21px;
		line-height: 30px;
		text-shadow: 0 1px 0 #000000;
	}
	.head .sign {
		font-family: "Times New Roman";
		color: #FB7600;
		font-size: 0.9em;
		opacity: 0;
	}
	.head .sno {
		color: #4fd0ef;
	}
	.head-forget {
		margin-right: 16px;
		font-size: 12px;
		color: #4fd0ef;
	}
	.head-forget:active,
	.head-forget:focus,
	.head-forget:hover {
		color: #fecf21;
		text-decoration: none;
	}
	@media(max-width: 992px){
		#header .head {
			font-size: 17px;
			padding-left: 280px;
			padding-bottom: 25px;
		}
	}
	#header .checkbox {
		padding-top: 10px;
		display: block;
		color: #fff;
	}
	#header .login {
		color: #fff;
	}
	#header .btn-btn {
		border-color: #002f87;
		background-color: #f7fce3; /*abeaff*/
		-webkit-box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 1px 1px rgba(0,0,0,.3);
		   -moz-box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 1px 1px rgba(0,0,0,.3);
		    -ms-box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 1px 1px rgba(0,0,0,.3);
		     -o-box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 1px 1px rgba(0,0,0,.3);
		        box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 1px 1px rgba(0,0,0,.3);
	}
	/*#header .btn-btn,*/
	.no-touch #header .btn-btn:not(.active):hover {
		background-color: #e3f8ff;
	}
	#header .btn-btn.active {
		cursor: default;
		background-color: #e3f8ff;
	}
	#header .btn-btn.head-home,
	#header .btn-btn.head-home.active,
	#header .head-login {
		background: #fecf21;
		border: 1px solid #002f87;
		text-shadow: 0 -1px 0 #fff;
		font-weight: bold;
		-webkit-transition: border-color .2s;
		   -moz-transition: border-color .2s;
		    -ms-transition: border-color .2s;
		     -o-transition: border-color .2s;
		        transition: border-color .2s;
		-webkit-box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 1px 1px rgba(0,0,0,.3);
		   -moz-box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 1px 1px rgba(0,0,0,.3);
		    -ms-box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 1px 1px rgba(0,0,0,.3);
		     -o-box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 1px 1px rgba(0,0,0,.3);
		        box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 1px 1px rgba(0,0,0,.3);
	}
	.no-touch #header .head-login:hover {
		border-color: #fecf21;
	}
	#header .head-login:active {
		-webkit-box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 0 3px rgba(255,255,255,.3);
		   -moz-box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 0 3px rgba(255,255,255,.3);
		    -ms-box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 0 3px rgba(255,255,255,.3);
		     -o-box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 0 3px rgba(255,255,255,.3);
		        box-shadow: 0 0 4px rgba(255,255,255, .75) inset, 0 0 3px rgba(255,255,255,.3);
	}
	/*#header .btn-btn {
		border-color: #002f87;
		background: #9effff;
		background: -moz-linear-gradient(top,  #9effff 0%, #29b8e5 50%, #4fd0ef 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9effff), color-stop(50%,#29b8e5), color-stop(100%,#4fd0ef));
		background: -webkit-linear-gradient(top,  #9effff 0%,#29b8e5 50%,#4fd0ef 100%);
		background: -o-linear-gradient(top,  #9effff 0%,#29b8e5 50%,#4fd0ef 100%);
		background: -ms-linear-gradient(top,  #9effff 0%,#29b8e5 50%,#4fd0ef 100%);
		background: linear-gradient(to bottom,  #9effff 0%,#29b8e5 50%,#4fd0ef 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9effff', endColorstr='#4fd0ef',GradientType=0 );
		-webkit-transition: border-color .2s;
		   -moz-transition: border-color .2s;
		    -ms-transition: border-color .2s;
		     -o-transition: border-color .2s;
		        transition: border-color .2s;
        text-shadow: 0 1px 0 rgba(255,255,255,.2);
	}
	.no-touch #header .btn-btn:hover {
		border-color: #4fd0ef;
	}

	#header .btn-btn:active,
	#header .btn-btn.active {
		cursor: default;
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	}*/
	#header .logo {
		width: 190px;
		height: 190px;
		left: 38px;
		margin: 0 auto;
		display: table;
		vertical-align: middle;
		text-align: center;
		position: absolute;
		background: #023681;
		background: -moz-linear-gradient(top, #023681 0%, #003ea1 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#023681), color-stop(100%,#003ea1));
		background: -webkit-linear-gradient(top, #023681 0%,#003ea1 100%);
		background: -o-linear-gradient(top, #023681 0%,#003ea1 100%);
		background: -ms-linear-gradient(top, #023681 0%,#003ea1 100%);
		background: linear-gradient(to bottom, #023681 0%,#003ea1 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023681', endColorstr='#003ea1',GradientType=0 );
		margin-top: 16px;
	}
	#header .logo a {
		position: absolute;
		display: block;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 2;
	}

	#header .logo:after {
		position: absolute;
		content: '';
		background: url(../imgs/logo.png) no-repeat;
		width: 261px;
		height: 210px;
		top: -11px;
		left: -35px;
	}

	/*@media(min-width:768px) and (max-width: 1199px){*/
	@media(min-width:768px){
		#header {
			height: 230px;
			margin-bottom: 10px;
		}

	}
	#header .login .welcome {
		font-size: 15px;
		clear: both;
		margin-top: 35px;
	}
	.welcome a {
		color: #f7fce3;
		line-height: 19px;
	}
	.welcome a:hover {
		color: #e3f8ff;
		text-decoration: none;
	}
	@media(max-width: 992px){
		#header .login {
			max-width: 440px;
		}
		#header .head-logout {
			margin-top: 10px;
		}
		#header .login .welcome {
			float: right;
			margin-top: -24px;
			width: 360px;
			margin-right: 124px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
	}
	/*@media(min-width: 992px){*/
	/*@media(min-width: 1200px){
		#header .decL,
		#header .decR {
			position: absolute;
			display: block;
			width: 360px;
			height: 300px;
			top: -78px;
		}
		#header .decL {
			left: -80px;
			background: url(../imgs/dec-left.png) left top no-repeat;
		}
		#header .decR {
			right: -80px;
			background: url(../imgs/dec-right.png) left top no-repeat;
		}
	}*/



/* Home */

.creditCards {
	background: url(../imgs/creditcards.png) no-repeat;
	width: 233px;
	height: 60px;
	margin: 0 auto;
	margin-top: 20px;
}

.multiPlat {
	background: url(../imgs/multi-platform.png) no-repeat;
	width: 239px;
	height: 161px;
	margin: 0 auto;
	margin-top: 20px;
}

#orderForm label.in-error {
	font-size: 10px;
	color: #d9534f;
	height: 18px;
}

.info-btn {
	width: 26px;
	height: 26px;
	display: block;
	background: #283C56;
	margin-top: 10px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.15), inset 0 2px 0 rgba(255,255,255,.1);
	   -moz-box-shadow: 0 2px 0 rgba(0,0,0,.15), inset 0 2px 0 rgba(255,255,255,.1);
	    -ms-box-shadow: 0 2px 0 rgba(0,0,0,.15), inset 0 2px 0 rgba(255,255,255,.1);
	     -o-box-shadow: 0 2px 0 rgba(0,0,0,.15), inset 0 2px 0 rgba(255,255,255,.1);
	        box-shadow: 0 2px 0 rgba(0,0,0,.15), inset 0 2px 0 rgba(255,255,255,.1);
}
.info-btn:hover {
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
	   -moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
	    -ms-box-shadow: 0 0 5px rgba(0,0,0,.5);
	     -o-box-shadow: 0 0 5px rgba(0,0,0,.5);
	        box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.btn-wide {
	width: 30%;
}

@media(max-width: 768px){
	#ExplainModal .modal-footer {
		text-align: center;
	}
	.btn-wide {
		width: 90%;
	}
}

.explain-body {
	font-family: Arial, Times, Tahoma, 'Estekhara';
	font-size: 21px;
	line-height: 30px;
	text-align: justify;
	color: #283C56;
}

.explain-body p {
	font-family: Arial, Times, Tahoma, 'Estekhara';
}

.explain-body a {
	text-decoration: none;
}

.explain-body .aya.basmala {
	font-size: 26px;
	margin-bottom: 5px;
	color: #283C56;
}

.info-icon {
	width: 22px;
	height: 22px;
	line-height: 26px;
	display: block;
	margin: 1px auto 0;
	background: url(../imgs/info-icon.png) center center no-repeat;
}

#header .error {
	color: #d9534f;
	font-size: 12px;
	padding-top: 5px;
}

@media(max-width: 991px){
	#header .error {
		margin-bottom: -10px;
	}
}

/*
*	Container
*	 __   __       ___              ___  __  
*	/  ` /  \ |\ |  |   /\  | |\ | |__  |__) 
*	\__, \__/ | \|  |  /~~\ | | \| |___ |  \ 
*	                                         
*/

.canvas {
	position: relative;
	left: 0;
	z-index: 2;
	min-height: 100%;
	padding: 0;
}

#order {
	padding-right: 20px;
}
#order.page-container {
	padding-right: 0;
}
#home-text {
	padding-left: 10px;
	border-left: 1px solid #eee;
}

#order #mainContent {
	padding-right: 0;
	padding-left: 0;
}

.page-container {
	background: #fdfef9;
}

.container {
	background: #fdfef9;
}

.no-menu .container {
	padding-top: 40px;
}

body > .page-container {
	padding-bottom: 20px;
}

.navbar-brand {
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	/*padding-right: 45px;*/
	font-size: 15px;
	color: #fecf21 !important;
	/*letter-spacing: -1px;*/
	/*width: 300px;
	height: 40px;
	color: transparent !important;
	background: url(../imgs/estekhara-brand.png) no-repeat;*/
}
#home .navbar-brand {
	letter-spacing: 0;
}

@media (min-width: 400px) {
	.navbar-brand {
		letter-spacing: 0;
		font-size: 18px;
	}
}

@media (min-width: 768px) and (min-height: 1024px) {
	/*.touch body > .page-container {
		min-height: 954px;
	}*/
	body > .page-container {
		padding-bottom: 10px !important;
	}
}

@media (min-width: 768px) {
	body {
		background: #fdfef9;
	}
	.navbar-brand {
		display: none;
	}
	.page-container {
		/*border-right: 1px solid rgba(0,0,0, .2);
		border-left: 1px solid rgba(0,0,0, .2);*/
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
		width: 750px;

	}
	body > .page-container {
		/*-webkit-box-shadow: 0 0 10px rgba(0,0,0, .2);
		   -moz-box-shadow: 0 0 10px rgba(0,0,0, .2);
			-ms-box-shadow: 0 0 10px rgba(0,0,0, .2);
			 -o-box-shadow: 0 0 10px rgba(0,0,0, .2);
				box-shadow: 0 0 10px rgba(0,0,0, .2);*/
		padding-bottom: 70px;
	}
	/* Body fix */
	/*body:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		width: 750px;
		background: #fff;
		z-index: -1;
		margin: 0 auto;
		border-right: 1px solid rgba(0,0,0, .2);
		border-left: 1px solid rgba(0,0,0, .2);
	}*/
	.container {
		width: 720px;
	}
}
@media (min-width: 992px) {
	body:after,
	.page-container {
		width: 970px;
	}
	.container {
		width: 940px;
	}
	.multiPlat {
		width: 277px;
	}
}
@media (min-width: 1200px) {
	body:after,
	.page-container {
		width: 1170px;
	}
	.container {
		width: 1140px;
	}
}


/* ----------------------------------------------
	 Info Message                                                   
------------------------------------------------- */

.info-message {
	line-height: 20px;
	font-size: 14px;
}

.info-message .loginError {
	text-align: center;
	color: #d9534f;
	margin-top: 6px;
}

@media(min-width: 768px){
	.info-message {
		font-size: 16px;
		line-height: 25px;
		padding: 10px;
		width: 500px;
		margin: 0 auto 40px;
	}
}

.message {
	border-right: 2px solid #0668b4;
	padding-right: 10px;
}

.message.box {
	background: #f5f5f1;
	border: 1px solid rgba(0,60,100,.1);
	border-width: 1px 2px 1px 1px;
	padding: 10px 18px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.message.error {
	border-right-color: #d9534f;
	color: #d9534f;
	margin-bottom: 10px;
}

.message.info {
	border-right-color: #0668b4;
	color: #0668b4;
}

.message.success {
	border-right-color: #3c763d;
	color: #333333;
}

.request-info {
	color: #777;
	font-size: 13px;
}

.icon-alert { 
	background: #77A529;
	padding: 3px;
	width: 30px;
	height: 30px;
	display: inline-block;
	line-height: 23px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	font-size: 19px;
	text-align: center;
	margin-left: 5px;
}


/*
*	Navbar
*	                __        __  
*	|\ |  /\  \  / |__)  /\  |__) 
*	| \| /~~\  \/  |__) /~~\ |  \ 
*	                              
*/
@media(min-width: 768px){
	.navbar {
		margin-right: 55px;
		margin-left: 55px;
	}
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
	}
		   
	.navbar .navbar-collapse {
		text-align: center;
	}
}

#magic-line {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 86px;
	height: 3px;
	padding: 0;
	margin: 0;
	/*background: #fe4902;*/
	background: #fecf21;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
		-ms-border-radius: 5px;
		 -o-border-radius: 5px;
			border-radius: 5px;
}

.navbar-toggle {
	width: 44px;
	height: 34px;
}

.navbar-toggle .icon-menu {
	background: url(../imgs/icon-menu.png) no-repeat;
	width: 44px;
	height: 34px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}
.navbar-toggle .icon-menu.ic {
	margin-top: 3px;
}
.navbar-toggle .icon-bar {
	display: none;
	visibility: hidden;
}

/*#toggle {
	position: absolute;
	top: 0;
	float: right;
	margin-right: 10px;

	padding: 0;
	line-height: 38px;
	text-align: center;
	color: #dde0e9;
	font-size: 21px;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;
	     -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
}*/


/*
*	Report Page
*	 __   ___  __   __   __  ___ 
*	|__) |__  |__) /  \ |__)  |  
*	|  \ |___ |    \__/ |  \  |  
*	                             
*/

#report .reason:nth-child(odd),
#report .table tbody tr:nth-child(even) {
	background: #f5f5fa;
}

#report .row-head {
	font-weight: 700;
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}

.row-head .col-sm-2 {
	padding-left: 0;
}

#report .row-cell {
	padding: 8px;
	border-top: 1px solid #ddd;
}

.row-cell.col-sm-7 {
	border-right: 1px solid #ddd;
}

@media(max-width: 768px){
	#report .container {
		padding-right: 5px;
		padding-left: 5px;
	}
}

.no-touch #report .btn-xs {
	opacity: 0;
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
	    -ms-transition: all .1s ease-in-out;
	     -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;
}
.no-touch #report #mainContent:hover .btn-xs,
.no-touch #report table:hover .btn-xs {
	opacity: .1;
}

.no-touch .reason:hover .row-cell .btn-xs,
.no-touch #report tr:hover .btn-xs {
	opacity: 1 !important;
}

@media(max-width: 560px){
	#report .btn-xs {
		margin-top: 3px;
		width: 46px;
	}
}


/*
*	Sidebar
*	 __     __   ___  __        __  
*	/__` | |  \ |__  |__)  /\  |__) 
*	.__/ | |__/ |___ |__) /~~\ |  \ 
*	                                
*/

@media(max-width: 991px){
	.side-menu li a {
		padding-right: 0 !important;
		z-index: 1;
		font-size: 14px;
		height: 38px;
		line-height: 25px;
	}

	#mainContent.nopad {
		float: none;
	}
}

#sidebar {
	margin: 0 -15px 15px;
	/*margin: 15px -15px 0;*/
	/*padding: 15px;*/
	padding: 0 15px 15px;
	/*border-top: 1px solid rgba(0,0,0,.07);*/
	border-bottom: 1px solid rgba(0,0,0,.07);
}

#sidebar h2 {
	clear: both;
	margin-top: 20px;
}


@media(min-width: 992px){
	#mainContent {
		float: left;
	}
	#sidebar {
		min-height: 500px;
		margin: 15px 0 0;
		padding: 20px 5px 20px 2px;

		background: #f2f2f2;
		background: -moz-linear-gradient(left,  #f2f2f2 0%, #fdfef9 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f2f2), color-stop(100%,#fdfef9));
		background: -webkit-linear-gradient(left,  #f2f2f2 0%,#fdfef9 100%);
		background: -o-linear-gradient(left,  #f2f2f2 0%,#fdfef9 100%);
		background: -ms-linear-gradient(left,  #f2f2f2 0%,#fdfef9 100%);
		background: linear-gradient(to right,  #f2f2f2 0%,#fdfef9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fdfef9',GradientType=1 );

		border-top: none;
		border-left: 1px solid rgba(0,0,0,.07);
		overflow: hidden;
		float: right;
	}

		#sidebar h2 {
			color: #013380;
			font-size: 22px !important;
			margin-right: 5px;
			/*margin-top: 60px;*/

			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;

			border-bottom: 1px solid #d5d5d5;
			padding: 12px 12px 8px 0;
			background-color: rgba(0,0,0,.01);
			margin-top: -17px;
		}

		#sidebar p {
			padding: 5px 10px;
		}

	.menu-head {
		position: relative;
		/*padding-right: 33px;*/
	}

	/*.menu-head:before {
		content: '';
		position: absolute;
		top: -1px;
		right: 0;
		background: url(../imgs/menu-dot.png) no-repeat;
		display: block;
		width: 23px;
		height: 23px;
	}*/

	#sidebar ul, #sidebar li {
		padding: 0; margin: 0; list-style: none;
	}

	.side-menu {
		position: relative;
		margin-bottom: 20px !important;
	}

	.side-menu:after {
		content: '';
		width: 30px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	}

	.side-menu li a {
		display: block;
		color: #607590;
		min-height: 32px;
		line-height: 32px;
		padding: 6px 30px 6px 6px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid rgba(96,117,144, .3);
		text-decoration: none;
		position: relative;
		-webkit-transition: all .3s .1s ease-in-out;
		   -moz-transition: all .3s .1s ease-in-out;
			-ms-transition: all .3s .1s ease-in-out;
			 -o-transition: all .3s .1s ease-in-out;
				transition: all .3s .1s ease-in-out;
		white-space: nowrap;
		/*overflow: hidden;*/
		text-overflow: ellipsis;
	}
	.side-menu li:first-child a {
		border-top: none;
	}
	.side-menu li:last-child a {
		border-bottom: none;
	}

	.side-menu li.active a,
	.no-touch .side-menu li a:hover {
		color: #013380;
	}

	.side-menu li.active {
		background: rgba(1,51,128,.07);
	}

	.side-menu li.active a:after,
	.side-menu li a:after {
		content: '';
		position: absolute;
		width: 0px;
		height: 1px;
		right: 0;
		bottom: -1px;
		background: #607590;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
			-ms-border-radius: 5px;
			 -o-border-radius: 5px;
				border-radius: 5px;
		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			 -o-transition: all .3s ease-in-out;
				transition: all .3s ease-in-out;
	}
	.side-menu li.active a:after,
	.no-touch .side-menu li a:hover:after {
		width: 100%;
	}


	#mainContent {
		padding-top: 55px;
		padding-right: 25px;
		padding-left: 10px;
		margin-bottom: 40px;
	}

	#mainContent p {
		text-align: justify;
	}

	.menu-opened #mainContent {
		width: 75%;
		margin-right: 0;
	}
}

@media(min-width: 1200px){
	#sidebar {
		padding: 20px 5px 20px 2px;
	}
	#sidebar h2 {
		margin-right: 15px;
	}
	.side-menu li a {
		padding: 6px 50px 6px 6px;
	}
}


#mobile-sidebar {
	z-index: 1000;
	display: none;
	/*background: #222;*/
	background: #eaeaea;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	width: 80%; /*260*/
	top: 0;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-box-shadow: 10px 0 8px -8px #888 inset;
	   -moz-box-shadow: 10px 0 8px -8px #888 inset;
	        box-shadow: 10px 0 8px -8px #888 inset;
	right: -80%;
}

.menu-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	opacity: 0;
	z-index: 5999;
	display: none;
}

#mobile-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#mobile-sidebar h2 {
	font-size: 1.5em;
	line-height: 1em;
	color: #1f4164;
	padding: 0 .4em 0 .4em;
}

#mobile-sidebar ul li {
	border-top: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
	padding: .5em .4em .5em .4em;
}

#mobile-sidebar ul li.active-state {
	background-color: #607590;
	color: #fff;
}
#mobile-sidebar ul li.active-state a {
	color: #fff;
}

#mobile-sidebar ul li a {
	display: block;
	outline: none;
	overflow: hidden;
	font-size: 1em;
	line-height: 1em;
	padding: .2em .2em;
	text-decoration: none;
	color: #607590;
}


/* Vote */

#voteForm input {
	margin-right: 5px;
	margin-left: 5px;
}
#voteForm ul {
	list-style: none;
}
#voteForm li {
	padding-right: 15px;
	list-style: none;
}

@media(min-width: 992px){
	#voteBtn {
		float: left;
		margin-left: 10px;
	}
}

@media(max-width: 1199px){
	#sidebar p {
		padding: 5px 4px;
	}
	.vote-container {
		padding: 0;
	}
}


/*
*	Canvas Sidebar
*	 __                       __      __     __   ___  __        __  
*	/  `  /\  |\ | \  /  /\  /__`    /__` | |  \ |__  |__)  /\  |__) 
*	\__, /~~\ | \|  \/  /~~\ .__/    .__/ | |__/ |___ |__) /~~\ |  \ 
*	                                                                 
*/
#menu {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	z-index: 100;
}

#sidebar.sidehide {
	display: none;
}

@media(min-width: 768px){
	#sidebar.sidehide {
		margin: 0;
		padding: 0;
		opacity: 0;
		width: 0%;
		border:0;
		display: none;
	}
	#toggle-inner {
		position: absolute;
		display: block;
		margin: 0;
		width: 40px;
		height: 40px;
		background: rgba(255,255,255,.1);
		border: 1px solid rgba(255,255,255,.1);
		top: 5px;
		right: 10px;
		padding: 0;
		border-radius: 50%;
		line-height: 44px;
		text-align: center;
		color: #dde0e9;
		font-size: 21px;
		cursor: pointer;
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		     -o-transition: all .2s ease-in-out;
		        transition: all .2s ease-in-out;
	}
	#toggle-inner:hover {
		color: #fff;
		box-shadow: 0 0 2px rgba(254,207,33,1) inset, 0 0 2px 1px rgba(0,0,0,.2);
	}
}

.tooltip.top {
	min-width: 90px;
}



/*-----------------------------------------*/
/*-----------------------------------------*/

/*@import url('menu2.css');*/


/*-----------------------------------------*/
/*-----------------------------------------*/


/*#mainContent {
	margin-right: 50px;
}

@media (min-width: 768px) {
	#mainContent {
		margin-right: 0;
		width: 690px;
	}
}
@media (min-width: 992px) {
	#mainContent {
		width: 870px;
	}
}
@media(min-width: 1200px){
	#mainContent {
		width: 1070px;
	}
}*/

/*
*   Footer
*	 ___  __   __  ___  ___  __  
*	|__  /  \ /  \  |  |__  |__) 
*	|    \__/ \__/  |  |___ |  \ 
*	                             
*/

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 90px;
	/*background-color: rgba(255,255,255,.1); /*#f5f5f5;*/
	color: rgba(0,0,0,.6);
	/*font-size: 11px;
	font-family: Helvetica, Arial, Times, sans-serif;
	direction: ltr;
	line-height: 60px;*/
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, .3);
	   -moz-box-shadow: 0 0 5px rgba(0,0,0, .3);
	    -ms-box-shadow: 0 0 5px rgba(0,0,0, .3);
	     -o-box-shadow: 0 0 5px rgba(0,0,0, .3);
	        box-shadow: 0 0 5px rgba(0,0,0, .3);
}

.footerSup a,
#footer a {
	color: #4fd0ef;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
} .footerSup a:hover , #footer a:hover { color: #fff; }

#footer .frame {
	height: 90px;
	border-width: 0;
	padding: 10px;
}

#footer ul,
#footer li {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#footer .links {
	/*width: 100%;
	margin: 0 auto;
	clear: both;*/
	padding-left: 0;
}

#footer .container {
	background: none;
}

#footer li {
	line-height: 20px;
	height: 20px;
	/*float: right;
	width: 33.333333%;
	text-align: center;*/
}

#footer li a {
	font-size: 11px;
}

#footer .seman,
#footer .copy {
	font-size: 10px;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;
	color: #fecf21;
	padding-left: 0;
	padding-right: 0;
}

#footer .seman {
	text-align: right;
	width: 210%;
}

.launcher {
	width: 50px;
	height: 50px;
	background: url(../imgs/estekhara_app.png) no-repeat;
	background-size: 50px 50px;
	float: right;
	margin-left: 5px;
}

.getApp {
	/*position: absolute;*/
	padding-top: 10px
}

.getApp > a {
	width: 240px;
	margin: 0 auto;
	display: block;
}
.getApp h3 {
	float: right;
	margin: 10px 0 5px;
	font-size: 14px;
	display: inline-block;
}

.footerSup .comment,
.getApp .comment {
	float: right;
	font-size: 10px;
}

.footerSup .badges {
	display: block;
	margin: 0 auto;
	width: 352px;
}

.getAndroid,
.getIOS {
	width: 170px;
	height: 60px;
	display: block;
	margin: 0 auto;
	float: left;
	margin: 0 3px;
	background-repeat: no-repeat;
	background-size: 170px 60px;
}

.getAndroid {
	background-image: url(../imgs/estekhara_android.png);
}

.getIOS {
	background-image: url(../imgs/estekhara_ios.png);
}

#footer .badges {
	padding: 0 !important;
	margin-top: -16px;
	-webkit-transform: scale(.6);
	   -moz-transform: scale(.6);
	    -ms-transform: scale(.6);
	     -o-transform: scale(.6);
	        transform: scale(.6);
}

@media(min-width: 768px){
	#footer .container {
		max-height: 90px;
	}
}

.footerSup {
	overflow: hidden;
	padding: 10px 5px;
	background: #023275;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, .3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0, .3);
	-ms-box-shadow: 0 0 5px rgba(0,0,0, .3);
	-o-box-shadow: 0 0 5px rgba(0,0,0, .3);
	box-shadow: 0 0 5px rgba(0,0,0, .3);
}
.footerSup h3 {
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: 16px;
}
.footerSup > a {
	overflow: hidden;
	display: block;
	margin: 0 auto;
	width: 240px;
}


@media (min-width: 380px) {
	#footer .copy {
		font-size: 11px;
	}
}

@media (min-width: 768px) {
	body {
		margin-bottom: 100px;
	}
	#footer {
		height: 100px;
	}
	#footer li a {
		font-size: 13px;
	}
	#footer .copy {
		font-size: 13px;
		padding: 14px 0 0 22px;
		text-align: left;
	}
	#footer .seman {
		width: auto;
		margin-top: 10px;
	}
	#footer .frame {
		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.3) inset;
		   -moz-box-shadow: 0 5px 15px rgba(0,0,0,.3) inset;
		    -ms-box-shadow: 0 5px 15px rgba(0,0,0,.3) inset;
		     -o-box-shadow: 0 5px 15px rgba(0,0,0,.3) inset;
		        box-shadow: 0 5px 15px rgba(0,0,0,.3) inset;
		background-image: url(../imgs/footer-pattern.png);
		/*border-width: 25px;*/
		height: 100px;
	}
	#footer .links {
		/*margin-bottom: 15px;*/
		padding-right: 40px;
		padding-top: 10px;
	}
	.footerSup {
		background: none;
		margin-top: -86px;
		box-shadow: none;
		text-align: right;
	}
	.footerSup > a {
		margin: 0;
	}
	#footer .row.copy {
		padding: 0;
	}

	.getIOS,
	.getAndroid {
		float: left;
	}
}

@media (max-width: 360px) {
	#footer .links {
		padding-right: 5px;
		width: 36.66666667%;
	}
	#footer .copy {
		width: 63.33333333%;
	}
}

@media (max-width: 767px) {
	#footer .container {
		padding-right: 0;
		padding-left: 0;
	}
}


/*
*	Login
*	      __   __         
*	|    /  \ / _` | |\ | 
*	|___ \__/ \__> | | \| 
*	                      
*/

#login-box {
	width: 360px;
	/*height: 360px;*/
	/*height: 280px;*/
	height: 280px;
	margin-bottom: 10px;
	display: block;
	/*background: white;*/
	-webkit-border-radius: 60px;
	   -moz-border-radius: 60px;
		-ms-border-radius: 60px;
		 -o-border-radius: 60px;
			border-radius: 60px;
			behavior: url(PIE.htc);
	
	cursor: default;
	/*overflow: hidden;*/
	/*position: absolute;*/
	margin: 0px auto;
	border: solid 0 transparent;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	overflow: visible !important;
	position: relative;
	/*border: 1px solid #eee;*/
}

	@media(min-width: 768px){

		#login-box {
			border: 4px solid #607590;
		}

		#login-box .tl, #login-box .tr, #login-box .bl, #login-box .br {
			position: absolute;
			width: 95px;
			height: 95px;
			display: block;
		}

		#login-box .tl, #login-box .br {
			background: url(../imgs/login-box-tl.png) no-repeat;
		}

		#login-box .tr, #login-box .bl {
			background: url(../imgs/login-box-tr.png) no-repeat;
		}

		#login-box .tl {
			top: -30px;
			left: -23px;
		}
		#login-box .tr {
			top: -30px;
			right: -23px;       
		}
		#login-box .bl {
			bottom: -30px;
			left: -23px;
			-webkit-transform: rotate(-180deg);
			   -moz-transform: rotate(-180deg);
				-ms-transform: rotate(-180deg);
				 -o-transform: rotate(-180deg);
					transform: rotate(-180deg); 
		}
		#login-box .br {
			bottom: -30px;
			right: -23px;
			-webkit-transform: rotate(180deg);
			   -moz-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				 -o-transform: rotate(180deg);
					transform: rotate(180deg); 
		}
	}


	.sign-in-head {
		position: absolute;
		text-align: center;
		color: #002d74;
		text-shadow: 0 1px 0 rgba(0,0,0,.1);
		left: 0px;
		right: 0px;
		font-size: 30px;
		z-index: 10;
		pointer-events: none;
		top: 10px;
	}

	.login-view {
		left: 0px; width: 360px; top: 0px; height: 360px
		cursor: default;
		position: relative;
		margin: 0px;
		border: solid 0 transparent;
		-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-ms-user-select: none;
		-webkit-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-webkit-tap-highlight-color: rgba(0,0,0,0);

		z-index: 9;
		overflow: visible !important;
	}

	.text-field {
		position: absolute;
		color: #1a1a1a;
		border: 0px none;
		vertical-align: top;
		outline: none;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		min-height: 31px;
		max-height: 31px;
		line-height: 29px;
		font-size: 14px;
		background: transparent;
	}

	.text-field .border {
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		right: 0px;
		border: 1px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		border-style: solid;
		border-color: #d9d9d9;
		border-radius: 2px;
		-webkit-appearance: none !important;
		-webkit-transition-property: box-shadow,border;
		-moz-transition-property: box-shadow,border;
		transition-property: box-shadow,border;
		-webkit-transition-duration: 0.35s;
		-moz-transition-duration: 0.35s;
		transition-duration: 0.35s;
		box-shadow: inset 0px 1px 0px 0px #fafafa;
		-webkit-box-shadow: inset 0px 1px 0px 0px #fafafa;
		outline: none;
		display: none;
	}

	.text-field .padding {
		position: absolute;
		left: 7px;
		right: 8px;
		top: 2px;
		bottom: 2px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		overflow: hidden;
		line-height: inherit;
	}

		.hint.sc-hidden {
			opacity: 0;
			visibility: hidden;
			display: block !important;
		}

		.text-field .padding .hint {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			color: #b3b3b3;
			line-height: inherit;
			margin-left: 1px;
		}

		.text-field .padding .hint:not(.sc-hidden) {
			-webkit-transition: opacity 0.7s;
			-moz-transition: opacity 0.7s;
			-ms-transition: opacity 0.7s;
		}

	.text-field .field-underline {
		position: absolute;
		right: 4px;
		width: 300px;
		height: 1px;
		bottom: -8px;
		background: rgb(206, 214, 218);
	}

	.text-field input {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		bottom: 0px;
		right: 0px;
		display: block;
		background: transparent;
		vertical-align: middle;
		border: none;
		outline: none;
		-webkit-appearance: none;

		font-size: inherit;
		/*font-family: inherit;*/
		outline: none;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		vertical-align: middle;
		line-height: inherit;

		-webkit-font-smoothing: subpixel-antialiased;
		color: #333333;
		font-size: 19px;
		background: transparent;
		line-height: 26px;
	}

	.text-field.email {
		right: 26px;
		width: 308px;
		top: 69px;/*189px*/
		height: 39px;
		z-index: 200
	}
	.text-field.password {
		right: 26px;
		top: 116px;/*236px*/
		height: 39px;
		z-index: 200;
		width: 273px; /*273*/
	}

	.login-view .preload {
		position: absolute;
		right: 300px;
		top: 118px;/*238*/
		z-index: 31;
		width: 32px;
		height: 32px;
		display: none;
	}
	.login-view .login-submit {
		position: absolute;
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
		font-size: 13px;
		right: 304px;
		top: 118px;/*238*/
		z-index: 30;
		width: 26px;
		height: 26px;
		cursor: pointer;
	}

	.login-view .login-submit:focus {
		outline: none;
	}

	.login-submit>.image {
		display: none;
		pointer-events: none;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	.login-submit>.normal.image {
		display: block;
		background: url(../imgs/login-normal.png) no-repeat;
	}
	.login-submit>.active.image {
		background: url(../imgs/login-active.png) no-repeat;
	}
	.login-submit>.focused.image {
		background: url(../imgs/login-focused.png) no-repeat;
	}

	.login-submit.disabled {
		cursor: default;
	}
	.login-submit.disabled > .normal.image {
		opacity: 0.3;
	}

	.login-submit:not(.disabled):hover .normal { display: none;}
	.login-submit:not(.disabled):hover .active { display: block;}

	.login-submit:not(.disabled):focus .normal { display: none;}
	.login-submit:not(.disabled):focus .active { display: none;}
	.login-submit:not(.disabled):focus .focused { display: block;}

	.login-view .login-button {
		background: #fff;
		width: 90px;
		right: 128px;
		top: 220px;
		border: 2px solid #607590;
		font-size: 15px;
		font-weight: bold;
		background: #f8f8f8;
		background: -webkit-linear-gradient(white, #eee);
		background: linear-gradient(white, #eee);
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 -2px 2px rgba(0,0,0,0.05),inset 0 -1px 1px #fff;
		box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 -2px 2px rgba(0,0,0,0.05),inset 0 -1px 1px #fff;
	}

	.login-view .checkbox-view {
		position: absolute;
		color: #1a1a1a;
		margin-right: 4px;
		margin-left: 4px;
		vertical-align: middle;
		text-align: right;
		margin: 0 4px;
		font-size: 13px;
		line-height: 17px;
		overflow: visible;
		display: inline-block;

		left: 102px;
		top: 177.5px; /*217.5px*/
		z-index: 300;
		width: 156px;
		height: 24px
	}

	.checkbox-view label {
		color: #607590;
		white-space: nowrap;
	}

	@media screen and (max-width: 768px){
		.login-view,
		.text-field .field-underline,
		.text-field.email,
		.text-field.password {
			width: 100%;
			/*position: relative;*/
			right: 0;
		}
		.login-view .login-submit {
			right: auto;
			left: auto;
			width: 100%;
			position: relative;
			margin: 0 auto;
		}
		#login-box {
			width: 100%;
			/*padding-right: 26px;*/
			-webkit-border-radius: 2px;
			   -moz-border-radius: 2px;
				-ms-border-radius: 2px;
				 -o-border-radius: 2px;
					border-radius: 2px;
					behavior: url(PIE.htc);
		}

		.login-view .login-button,
		.signup-button {
			width: 80%;
			position: relative;
			margin: 0 auto;
			display: block;
			left: auto;
			right: auto;
		}

	}

	.signup-button {
		width: 60%;
		border: 1px solid #6d0019;
		font-weight: normal;
		color: #fff;
		text-shadow: 0 -1px #6d0019;
		background: #a90329;
		background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
		background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
		background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
		background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
		background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
		        box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	}

	.no-touch .signup-button:hover {
		color: #fff;
		background: #6d0019;
		background: -moz-linear-gradient(top,  #6d0019 0%, #8f0222 44%, #a90329 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0019), color-stop(44%,#8f0222), color-stop(100%,#a90329));
		background: -webkit-linear-gradient(top,  #6d0019 0%,#8f0222 44%,#a90329 100%);
		background: -o-linear-gradient(top,  #6d0019 0%,#8f0222 44%,#a90329 100%);
		background: -ms-linear-gradient(top,  #6d0019 0%,#8f0222 44%,#a90329 100%);
		background: linear-gradient(to bottom,  #6d0019 0%,#8f0222 44%,#a90329 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=0 );
	}
	.signup-button:active {
		-webkit-box-shadow: none;
		        box-shadow: none;
	}

	.readmore {
		margin: 5px auto 0;
		text-align: center;
	}
	.readmore a {
		font-size: 13px;
		color: #607590;
	}

	.forget:hover,
	.forget {
		font-size: 12px;
		margin-top: 10px;
		display: block;
		text-decoration: none;
		text-align: center;
	}


	/* Base for label styling */
	[type="checkbox"]:not(:checked),
	[type="checkbox"]:checked {
	  position: absolute;
	  /*right: -9999px;*/
	  visibility: hidden;
	}
	[type="checkbox"]:not(:checked) + label,
	[type="checkbox"]:checked + label {
	  position: relative;
	  padding-right: 25px;
	  cursor: pointer;
	}

	/* checkbox aspect */
	[type="checkbox"]:not(:checked) + label:before,
	[type="checkbox"]:checked + label:before {
	  content: '';
	  position: absolute;
	  right:0; top: 0;
	  width: 17px; height: 17px;
	  border: 1px solid #aaa;
	  background: #f8f8f8;
	  border-radius: 3px;
	  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
	}
	#header [type="checkbox"]:not(:checked) + label:before,
	#header [type="checkbox"]:checked + label:before {
		top: 3px;
	}
	#header input[type="checkbox"]{
		width: 0;
	}
	/* checked mark aspect */
	[type="checkbox"]:not(:checked) + label:after,
	[type="checkbox"]:checked + label:after {
	  content: '✔';
	  position: absolute;
	  top: 1px; right: 3px;
	  font-size: 14px;
	  color: #013380;
	  transition: all .2s;
	}
	/* checked mark aspect changes */
	[type="checkbox"]:not(:checked) + label:after {
	  opacity: 0;
	  transform: scale(0);
	}
	[type="checkbox"]:checked + label:after {
	  opacity: 1;
	  transform: scale(1);
	}
	/* disabled checkbox */
	[type="checkbox"]:disabled:not(:checked) + label:before,
	[type="checkbox"]:disabled:checked + label:before {
	  box-shadow: none;
	  border-color: #bbb;
	  background-color: #ddd;
	}
	[type="checkbox"]:disabled:checked + label:after {
	  color: #999;
	}
	[type="checkbox"]:disabled + label {
	  color: #aaa;
	}
	/* accessibility */
	[type="checkbox"]:checked:focus + label:before,
	[type="checkbox"]:not(:checked):focus + label:before {
	  border: 1px dotted blue;
	}

	/* hover style just for information */
	label:hover:before {
	  border: 1px solid #607590!important;
	}





/* ---------------------------------------------- 
	Enter Form + Enter Button 
------------------------------------------------- */

.free-info {
	font-size: 16px;
	background-color: rgba(1,51,128,.1); /* 013380 */
	padding: 10px 15px;
	line-height: 23px;
	margin-bottom: 40px;
	text-align: center;
	-webkit-box-shadow: 0 1px 0 rgba(1,51,128,.1) inset;
	   -moz-box-shadow: 0 1px 0 rgba(1,51,128,.1) inset;
	    -ms-box-shadow: 0 1px 0 rgba(1,51,128,.1) inset;
	     -o-box-shadow: 0 1px 0 rgba(1,51,128,.1) inset;
	        box-shadow: 0 1px 0 rgba(1,51,128,.1) inset;
}

.free-info .date {
	color: #a20;
	font-family: Arial, Times, sans-serif;
	font-weight: 700;
}

#logged-page h2 {
	font-size: 24px;
}

.lightext {
	clear: both;
	margin-bottom: 30px;
}

.decency {
	padding: 5px 15px;
	text-align: right;
	margin-bottom: 20px;
	/*background: #fcfeee;
	border: 1px solid #efefef;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.05) inset;
	   -moz-box-shadow: 0 2px 0 rgba(0,0,0,.05) inset;
	    -ms-box-shadow: 0 2px 0 rgba(0,0,0,.05) inset;
	     -o-box-shadow: 0 2px 0 rgba(0,0,0,.05) inset;
	        box-shadow: 0 2px 0 rgba(0,0,0,.05) inset;*/
}
.decency ul {
	padding-right: 0;
	list-style: none;
	position: relative;
	padding-right: 45px;
}
.decency ul li {
	position: relative;
}
.decency ul li span {
	position: relative;
}
.decency ul li span:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	border: 1px solid #ddd;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%;
}
.decency ul li span:before {
	top: 9px;
	right: -15px;
}
.decency ul li span:after {
	top: 9px;
	left: -15px;

}
.decency .lightext{
	text-align: center !important;
	margin-bottom: 10px;
}

@media(min-width: 768px){
	.free-info {
		margin-bottom: 0;
	}
	#logged-page h2 {
		font-size: 30px;
	}
	p.lightext {
		color: rgba(1,51,128,.4); /* 013380 4fd0ef*/
	}
	.decency {
		margin-bottom: 10px;
	}
}


.enterEstekhara, .enterEstekhara .inner,
.enterEstekhara .inner:after {
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

a.enterEstekhara {
	position: relative;
	margin: 10px auto 30px;
	width: 250px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	display: block;
	background: #064f00;
	padding: 3px;
	border-radius: 32px;
	border: 1px solid rgba(0,0,0,.05);
	cursor: pointer;
	text-decoration: none;
	-webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.1);
	   -moz-box-shadow: 0 0 0 3px rgba(0,0,0,.1);
		-ms-box-shadow: 0 0 0 3px rgba(0,0,0,.1);
		 -o-box-shadow: 0 0 0 3px rgba(0,0,0,.1);
			box-shadow: 0 0 0 3px rgba(0,0,0,.1);
}

.enterEstekhara.disabled .inner,
.enterEstekhara.disabled {
	background: #4f0000;
	cursor: default;
}

a.enterEstekhara:active {
	-webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.1), 0 0 10px 5px rgba(0,0,0,.6) inset;
	   -moz-box-shadow: 0 0 0 3px rgba(0,0,0,.1), 0 0 10px 5px rgba(0,0,0,.6) inset;
		-ms-box-shadow: 0 0 0 3px rgba(0,0,0,.1), 0 0 10px 5px rgba(0,0,0,.6) inset;
		 -o-box-shadow: 0 0 0 3px rgba(0,0,0,.1), 0 0 10px 5px rgba(0,0,0,.6) inset;
			box-shadow: 0 0 0 3px rgba(0,0,0,.1), 0 0 10px 5px rgba(0,0,0,.6) inset;
}

.enterEstekhara:active .inner {
	text-shadow: 0 -2px 0 rgba(0,0,0,.4);
	-webkit-box-shadow: 0 5px 50px rgba(0,0,0,.5);
	   -moz-box-shadow: 0 5px 50px rgba(0,0,0,.5);
		-ms-box-shadow: 0 5px 50px rgba(0,0,0,.5);
		 -o-box-shadow: 0 5px 50px rgba(0,0,0,.5);
			box-shadow: 0 5px 50px rgba(0,0,0,.5);
}

@media(min-width: 768px){
	a.enterEstekhara {
		margin: 20px auto 40px;
		width: 60%;
	}
}

.no-touch .enterEstekhara:hover .inner:after {
	background: #fff
}
.no-touch .enterEstekhara:hover .inner {
	color: #fecf21;
}
.no-touch .enterEstekhara.disabled:hover .inner {
	/*color: #000;*/
	color: #D68181;
}

.enterEstekhara .inner {
	position: relative;
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
		-ms-border-radius: 30px;
		 -o-border-radius: 30px;
			border-radius: 30px;
	width: 100%;
	height: 100%;
	display: block;
	background: #064f00;
	color: #86d681;
	text-shadow: 0px -1px 0 rgba(0,0,0,.2);
	font-size: 30px;
	line-height: 30px;
	padding-top: 20px;
	overflow: hidden;
	-webkit-box-shadow: 0 -1px 1px rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.4) inset, 0 0 20px rgba(0,140,7,.75) inset;
	   -moz-box-shadow: 0 -1px 1px rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.4) inset, 0 0 20px rgba(0,140,7,.75) inset;
		-ms-box-shadow: 0 -1px 1px rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.4) inset, 0 0 20px rgba(0,140,7,.75) inset;
		 -o-box-shadow: 0 -1px 1px rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.4) inset, 0 0 20px rgba(0,140,7,.75) inset;
			box-shadow: 0 -1px 1px rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.4) inset, 0 0 20px rgba(0,140,7,.75) inset;
}

.enterEstekhara.disabled .inner {
	color: #D68181;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	   -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
	    -ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
	     -o-box-shadow: 0 0 10px rgba(0,0,0,.2);
	        box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.enterEstekhara .inner span {
	display: block;
	text-align: center;
	margin: 0 auto;
	font-size: 15px;
}

.enterEstekhara .inner:before {
	position: absolute;
	opacity: .7;
	content: '';
	top: -20px;
	left: 0;
	width: 100%;
	height: 50px;
	background: #86d681;
	display: block;
	-webkit-filter: blur(20px);
	   -moz-filter: blur(20px);
		-ms-filter: blur(20px);
		 -o-filter: blur(20px);
			filter: blur(20px);
			filter: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGZpbHRlciBpZD0iYmx1ciI+DQoJCTxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIwIiAvPg0KCTwvZmlsdGVyPg0KPC9zdmc+#blur");
			filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius='20')";
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		-ms-border-radius: 50%;
		 -o-border-radius: 50%;
			border-radius: 50%;
}

.enterEstekhara.disabled .inner:before {
	display: none;
	-webkit-filter: none;
	   -moz-filter: none;
		-ms-filter: none;
		 -o-filter: none;
			filter: none;
}

.android-old .enterEstekhara .inner:before {
	width: 100%;
	height: 70px;
	opacity: .2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,214,129,1)), color-stop(100%,rgba(134,214,129,0)));
	background: -webkit-linear-gradient(top,  rgba(134,214,129,1) 0%,rgba(134,214,129,0) 100%);
	background: linear-gradient(to bottom,  rgba(134,214,129,1) 0%,rgba(134,214,129,0) 100%);
}

@media (min-width: 380px) {
	.enterEstekhara .left,
	.enterEstekhara .right {
		display: block;
		width: 62px;
		height: 120px;
		position: absolute;
		top: -17px;
	}

	.enterEstekhara .left,
	.enterEstekhara .right {
		background: url(../imgs/enter-btn.png) no-repeat;
	}

	.enterEstekhara.disabled .left,
	.enterEstekhara.disabled .right {
		background: url(../imgs/enter-btn-disabled.png) no-repeat;
	}

	.enterEstekhara .left {
		background-position: 0 0;
		left: -50px;
	}
	.enterEstekhara.disabled .right,
	.enterEstekhara .right {
		background-position: -62px 0;
		right: -50px;
	}
}

.help-block {
	font-size: 13px;
}




/* ---------------------------------------------- 
	Typing Animation
------------------------------------------------- */

#typed {
	white-space: pre;
}

/* code for animated blinking cursor */
.typed-cursor{
	opacity: 1;
	font-weight: 100;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	-ms-animation: blink 0.7s infinite;
	-o-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}
@-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-ms-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}


/* ---------------------------------------------- 
	Result Button 
------------------------------------------------- */
a.resutlbtn {
	width: 200px;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	background: #ddd;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
}


/*
*	Quran
*	 __        __            
*	/  \ |  | |__)  /\  |\ | 
*	\__X \__/ |  \ /~~\ | \| 
*	                         
*/

/* FRAME 1 */
#quranNewFrame {
	position: relative;
	display: block;
	padding: 5px;
	width: 96%;
	text-align: justify;
	margin: 0 auto;
	margin-bottom: 50px;
}
#quranNewFrame .innerConrainer {
	/*padding: 15px;*/
	min-height: 240px;
}

/*.innerConrainer.fixed {
	max-height: 450px;
	overflow: hidden;
}*/

@media(min-width: 768px){
	#quranNewFrame {
		position: relative;
		display: block;
		background: #013380;
		background: -moz-linear-gradient(top,  #013380 0%, #002d74 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#013380), color-stop(100%,#002d74));
		background: -webkit-linear-gradient(top,  #013380 0%,#002d74 100%);
		background: -o-linear-gradient(top,  #013380 0%,#002d74 100%);
		background: -ms-linear-gradient(top,  #013380 0%,#002d74 100%);
		background: linear-gradient(to bottom,  #013380 0%,#002d74 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013380', endColorstr='#002d74',GradientType=0 );
		padding: 5px;
		border-radius: 35px;
		width: 96%;
		text-align: justify;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	#quranNewFrame .innerConrainer {
		background: #f7fce3;
		border-radius: 30px;
		padding: 15px;
		padding-bottom: 22px;
		-webkit-box-shadow: 0 0 1px 1px #4fd0ef, 0 0 2px 2px #013380 inset;
		   -moz-box-shadow: 0 0 1px 1px #4fd0ef, 0 0 2px 2px #013380 inset;
		    -ms-box-shadow: 0 0 1px 1px #4fd0ef, 0 0 2px 2px #013380 inset;
		     -o-box-shadow: 0 0 1px 1px #4fd0ef, 0 0 2px 2px #013380 inset;
		        box-shadow: 0 0 1px 1px #4fd0ef, 0 0 2px 2px #013380 inset;
	}
	#quranNewFrame .topLeft,
	#quranNewFrame .topRight,
	#quranNewFrame .bottomLeft,
	#quranNewFrame .bottomRight {
		position: absolute;
		display: block;
		width: 123px;
		height: 123px;
		background: url(../imgs/newFrame.png) no-repeat;
		z-index: 1;
	}

	#quranNewFrame .topLeft {
		top: -20px;
		left: -20px;
	}
	#quranNewFrame .topRight {
		top: -20px;
		right: -20px;
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}
	#quranNewFrame .bottomRight {
		bottom: -20px;
		right: -20px;
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		     -o-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
	#quranNewFrame .bottomLeft {
		bottom: -20px;
		left: -20px;
		-webkit-transform: rotate(-90deg);
		   -moz-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		     -o-transform: rotate(-90deg);
		        transform: rotate(-90deg);
	}
	#quranNewFrame {
		width: 600px;
	}
}




/* FRAME 2 */

.quran-frame {
	width: 100%;
	background: #f7fce3;
}

.quranFrame {
	margin: 0 auto;
	text-align: justify;
	/*width: 90% !important;*/
}

@media(min-width: 768px){
	.quran-frame {
		width: 652px;
	}
	.quranFrame {
		/*width: 600px !important;*/
	}
	.alqadr .quranFrame span:nth-child(7) {
		padding-left: 0;
	}
}

.loadFont,
.letterFx span, 
.aya, 
.quranFrame {
	font-family: 'KFGQPC Uthman Taha Naskh', "Uthman", "Quran", "Traditional Arabic", Arial, sans-serif;
	font-size: 36px;
	line-height: 64px;
	direction: rtl;
	color: #000;
	text-shadow: 0 1px 0 #fff;
}

.in-aya {
	color: #060;
}

.loadFont {
	font-weight: 700;
	visibility: hidden;
	display: none;
}

.aya {
	text-align: justify;
}
.aya.text-center {
	text-align: center;
}

.aya.basmala {
	font-size: 36px;
	text-align: center;
	color: #013380;
	font-weight: 700;
	margin-bottom: 20px;
	text-shadow: 0 1px 0px rgba(0,0,0,.1);
}

.aya .no,
.quranFrame span.no {
	/*font-family: "Traditional Arabic";*/
	/*padding: 0 5px;*/
	color: #050;
}

.quranFrame .sura {
	text-align: center !important;
	display: block;
}

.quran-frame {
	margin: 0 auto;
}


.quran-frame .topR,
.quran-frame .topL,
.quran-frame .bottomR,
.quran-frame .bottomL {
	background: url(../imgs/qframe.png) no-repeat;
}

.quran-frame .top,
.quran-frame .bottom {
	background: url(../imgs/qframe-x.png) left repeat-x;
	height: 48px;
}

.quran-frame .left,
.quran-frame .right {
	background: url(../imgs/qframe-y.png) left top repeat-y;
	width: 48px;
}

.quran-frame .right {
	background-position: right;
}

.quran-frame .top,
.quran-frame .bottom {
	width: 100%;
}

.quran-frame .topR,
.quran-frame .topL,
.quran-frame .bottomR,
.quran-frame .bottomL {
	width: 48px;
	height: 48px;
}

.quran-frame .top {
	background-position: 0 0;
}
.quran-frame .bottom {
	background-position: 0 -50px;
}

.quran-frame .topL {
	background-position: 0 0;
}

.quran-frame .topR {
	background-position: -85px 0;
}

.quran-frame .bottomL {
	background-position: 0 -85px;
}

.quran-frame .bottomR {
	background-position: -85px -85px;
}


/*
* 	Order Page
*	 __   __   __   ___  __      __        __   ___ 
*	/  \ |__) |  \ |__  |__)    |__)  /\  / _` |__  
*	\__/ |  \ |__/ |___ |  \    |    /~~\ \__> |___ 
*	                                                
*/

#order.page-container h2 {
	margin-top: 0;
}

@media(min-width: 768px){
	.orderForm .colin {
		clear: both;
		/*height: 34px;*/
		overflow: hidden;
	}
	.orderForm .col-half {
		float: right;
		width: 49%;
	}

	.orderForm .col-half.last {
		float: left;
	}

	.orderForm .col-half input {
		width: 100%;
	}
}

.pay-methods {
	margin-left: 13px;
	font-size: 12px;
	line-height: 38px;
}

.radio label {
	width: 100%;
}

.radio-group .error {
	float: left;
	font-size: 12px;
	color: #d9534f !important;
}

@media(max-width: 767px){
	#orderPayForm button.close {
		padding: 10px;
		line-height: 11px;
	}
	#orderPayForm .modal-header {
		padding-right: 5px;
		padding-left: 5px;
	}
	.btn-renew {
		margin: 5px auto;
	}
	.pay-methods.wait {
		text-align: center;
		margin-left: 0;
		width: 100%;
	}
}



/*
* 	Result Page
*	 __   ___  __            ___     __        __   ___ 
*	|__) |__  /__` |  | |     |     |__)  /\  / _` |__  
*	|  \ |___ .__/ \__/ |___  |     |    /~~\ \__> |___ 
*	                                                    
*/

.result-page h3 {
	font-size: 17px;
	color: green;
	margin-top: 35px;
}

.result-page .result-text {
	font-size: 16px;
	padding: 15px;
	background: rgba(254,207,33,.05);
	border: 1px solid rgba(254,207,33,.5);
}

.result-page .aya {
	text-align: justify;
}
.result-page .aya.basmala {
	text-align: center;
	margin-bottom: 10px;
}

.result-page .quranFrame {
	background: #f5f5f1;
	padding: 15px;
	border: 1px solid #ddd;
	margin-top: 25px;
	/*opacity: 0;*/
}

@media(min-width: 768px){
	.result-page .aya {
		font-size: 25px;
		line-height: 42px;
	}
}


.resultbox .status {
	text-align: center;
	font-size: 0px;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

/*.resultPage {
	min-height: 400px;
}*/
.resultPage * {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.resultPage h2 {
	margin-bottom: 25px;
}

@media(max-width: 350px){
	.resultPage h2 {
		font-size: 26px;
	}
}

.resultbox {
	min-height: 350px;
}

.resultbox .result {
	padding: 15px;
	/*text-align: right !important;*/
	/*font-size: 1px;
	opacity: 0;*/
	font-size: 28px;
}

.resultbox .result {
	font-size: 28px;
}

.resultbox .status span {
	display: block;
	border-bottom: 1px solid rgba(0,0,0,.1);
	font-size: 30px;
	white-space: nowrap;
}

.resultbox .txt {
	font-size: 23px;
	text-align: justify;
}

@media(min-width: 768px){
	.resultbox .txt {
		display: table-cell;
		vertical-align: middle;
	}
	.resultbox .status {
		overflow: hidden;
	}
	.resultbox .status span {
		float: right;
		font-size: 30px;
		padding-left: 20px;
		margin-left: 20px;
		border-left: 1px solid rgba(0,0,0,.1);
		border-bottom: none;
	}
	.resultbox .result {
		float: right;
		padding: 0;
		margin-right: 20px;
		display: inline-block;
	}

}

.resultbox .status.s {
	/*color: #aaa;*/
	color: #004264;
	padding: 10px 20px;
	font-size: 40px;
	text-shadow: 0 1px rgba(255,255,255,.8);
	border: rgba(60, 110, 196, 0.64) 1px solid;
	box-shadow: inset 0 0 10px rgba(0, 90, 170, 0.6), 0 2px 0 #fff;
	background: rgba(0, 105, 160, 0.1);
	width: 100%;
	display: table;
	overflow: hidden;
}

.resultbox .status.bad {
	color: #8b0000;
	border: rgba(190, 96, 96, 0.64) 1px solid;
	box-shadow: inset 0 0 10px rgba(168, 0, 0, 0.6), 0 2px 0 #fff;
	background: rgba(160,0,0,.1);
}

.resultbox .status.good {
	color: #006400;
	border: rgba(96, 190, 96, 0.64) 1px solid;
	box-shadow: inset 0 0 10px rgba(0, 168, 0, 0.6), 0 2px 0 #fff;
	background: rgba(0,160,0,.1);
}

.resultPage .quranFrame {

}

.cnvas {
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: relative;
}

.cnvas:after {
	content: "";
	display: block;
	position: absolute;
	top: 0; right: 0; left: 0; bottom: 0;
	/*-webkit-box-shadow: 0 0 50px 20px #fff inset;
	   -moz-box-shadow: 0 0 50px 20px #fff inset;
	    -ms-box-shadow: 0 0 50px 20px #fff inset;
	     -o-box-shadow: 0 0 50px 20px #fff inset;
	        box-shadow: 0 0 50px 20px #fff inset;*/
}

/*
*	About
*	      __   __       ___ 
*	 /\  |__) /  \ |  |  |  
*	/~~\ |__) \__/ \__/  |  
*	                        
*/

.about-page h3, .payment-page h3 {
	color: #050;
}
.about-page p {
	font-size: 18px;
	line-height: 30px;
}

.about-page .aya {
	line-height: inherit;
	font-size: 18px;
	font-weight: bold;
}

.imgLens {
	padding: 0;
	width: 100%;
	background-color: #dcdcdc;
	border: 1px solid #e1e1e5;
	overflow: hidden;
}

.imgLens img {
	margin: 0 auto;
	display:block
}

/* these styles are for the demo, but are not required for the plugin */
.zoom {
	display:inline-block;
	position: relative;
}

/* magnifying glass icon */
.zoom:after {
	content:'';
	display:block; 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	background:url(../imgs/icon.png);
}

.zoom img {
	display: block;
}

.zoom img::selection { background-color: transparent; }

@media(max-width: 991px){
	.imgLens {}
	.imgLens img {
		width: 100%;
		height: auto;
	}
}


/*
*	Modal
*	       __   __            
*	 |\/| /  \ |  \  /\  |    
*	 |  | \__/ |__/ /~~\ |___ 
*	                          
*/

.modal-open {
	padding-right: 0 !important;
}

#startMe button.close {
	position: absolute;
	left: 5px;
	z-index: 10;
	top: 2px;
	font-size: 24px;
}
.modal-footer {
	min-height: 65px;
}

button.next1,
button.next2,
button.next3 {
	background-color: #f7fce3;
	padding-left: 25px;
}

button.next1:after,
button.next2:after,
button.next3:after {
	content: '>';
	position: absolute;
	left: 22px;
	top: 14px;
	width: 15px;
	height: 15px;
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #050;
}

#reasonModalLabel span {
	font-family: Arial, Times, Tahoma, sans-serif;
}

#forgotModal .modal-footer {
	border-top: none;
}

#forgotModal .message.success {
	border-right: none;
}

#forgotMsg strong {
	font-family: Arial;
}

@media (min-width: 768px) {
	.modal-dialog,
	#startMe .modal-dialog {
		width: 750px;
	}

	#requestModal .modal-dialog {
		/*width: 450px;*/
	}

	#startMe button.close {
		position: absolute;
		left: 10px;
		top: 4px;
		font-size: 30px;
		z-index: 10;
	}

	#starMe .modal-content {
		border-radius: 20px;
	}

	#quranNewFrame {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.innerConrainer {
		min-height: 373px;
	}

	.letterFx1.hidden {
		display: none;
	}
	.letterFx2 > span.nl {
		display: block;
	}

	.letterFx2, 
	.letterFx3 {
		line-height: 56px;
		min-height: 343px;
		text-align: center;
	}

	.letterFx2 > span,
	.letterFx3 > span {
		text-align: center;
		margin: 0 auto;
	}

	#fades div {
		text-align: center;
	}

	.modal-footer {
		text-align: center;
		min-height: 73px;
	}

	button.next1,
	button.next2,
	button.next3 {
		float: left;
		font-size: 20px;
		width: 200px;
	}

	/*.letterFx2 > span:not(.letterfx),
	.letterFx3 > span:not(.letterfx) {
		text-align: center;
		display: block;
	}*/

	button.next1:after,
	button.next2:after,
	button.next3:after {
		top: 19px;
	}
}


/* Result Button */

button.result {
	color: #fff;
	border-color: #001e39;
	background: #003660;
	background-image: -webkit-linear-gradient(#004173 2%, #003660 10%, #00223d 100%);
	background-image: linear-gradient(#004173 2%, #003660 10%, #00223d);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	text-shadow: 0 -1px 0 #001e39;
	display: block;
	margin: 0 auto;
}

.no-touch button.result:hover {
	background: #004173;
	background-image: -webkit-linear-gradient(#004173 2%, #003660 50%, #00223d 100%);
	background-image: linear-gradient(#004173 2%, #003660 50%, #00223d);
}

.no-touch button.result:active {
	background: #00223d;
	background-image: -webkit-linear-gradient(#00223d 0%, #003660 90%, #004173 98%);
	background-image: linear-gradient(#00223d, #003660 90%, #004173 98%);
}


/* ---------------------------------------------- 
	Modal 
------------------------------------------------- */

.language-picker {
	width: 310px !important;
}


.language-picker ul {
	background-color: #fff;
	width: 300px;
	overflow: auto;
	padding: 0;
	margin: 0;
}

.language-picker .modal-body {
	padding: 0;
}

.language-picker ul li[dir=ltr] {
	text-align: left;
}

.language-picker ul li {
	list-style: none;
	margin: 0 20px;
	padding: 13px 0;
	border-bottom: 1px solid #f2f2f2;
	cursor: pointer;
}


.modal .modal-content, .modal .modal-footer, .modal .modal-header {
	width: 90%;
	margin: 0 auto;
	max-width: 740px;
	position: relative;
}

.modal .modal-header {
	text-align: center;
	background-color: #f3f5f6;
	border-bottom: 1px solid #fafbfb;
	/*display: none;*/
	height: 50px;
	width: 100%;
}
.modal.has-modal-header .modal-header {
	display: block;
	border-radius: 4px 4px 0 0;
}
.language-picker.modal .modal-content, .language-picker.modal .modal-footer, .language-picker.modal .modal-header {
	width: 300px;
}

#requestModal .form-group > label {
	font-weight: normal;
	color: #23f;
}

.price {
	font-family: Arial, Times, Tahoma, sans-serif;
	background-color: #fff1f5;
	text-align: center;
	padding: 5px 12px;
	font-weight: bold;
	font-size: 17px;
	margin: -11px -5px 10px;
}

@media(max-width: 767px) {
	.aya.basmala {
		font-size: 30px;
		margin-bottom: 10px;
	}
	.aya {
		font-size: 26px;
		line-height: 40px;
	}
	.modal-body {
		padding: 25px 15px 0;
	}

	#quranNewFrame {
		margin-bottom: 25px;
	}
	.btn-upgrade.pull-left,
	form.pull-left {
		margin-top: 10px;
		float: none !important;
	}
}
@media(max-width: 767px) and (orientation: portrait) {
	.modal .modal-content {
		margin: 0;
		width: 100%;
		height: 100%;
	}
	.modal.in .modal-dialog {
		margin: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.modal.in.normal .modal-dialog {
		position: relative;
	}
	.modal-footer {
		background: #fff;
		width: 100%;
		border-top: 0;
	}
	.modal-body .innerConrainer {
		min-height: 320px;
	}
}
@media(max-width: 340px){
	.aya.basmala {
		font-size: 26px;
		margin-bottom: 5px;
	}
	.modal-footer {
		padding: 5px;
	}
	button.next1:after, button.next2:after, button.next3:after {
		line-height: 15px;
		top: 15px;
		left: 12px;
	}
}


/*
*	Payment 
*	 __                  ___      ___ 
*	|__)  /\  \ /  |\/| |__  |\ |  |  
*	|    /~~\  |   |  | |___ | \|  |  
*	                                  
*/

.payment-page ul {
	padding: 0;
	list-style: none;
	clear: both;
}

li.paypal > div {
	padding: 15px;
}

.payment-page h3 {
	font-size: 20px;
	/*margin-right: 35px;*/
	border-right: 3px solid #040;
	padding-right: 15px;

	background: #050;
	color: #fff;
	padding: 9px 12px;
}

.bankName,
.bankName.collapsed {
	background-color: #ededed;
	margin-bottom: 2px;
	padding: 2px 15px;
	border-top: 1px solid #ddd;
	cursor: pointer;
	color: #38b;
}

.bankName {
	background-color: #fff;
}

.subscribe {
	margin: 0 auto;
	display: block;
}

.arrow-down {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-left: 15px;
	background: url(../imgs/arrow-d.png) no-repeat;
	margin-bottom: -5px;
}

.eng {
	font-family: Arial, Tahoma, sans-serif
}

/* Banks Logo */
.kfh-logo,
.eahli-logo,
.nbk-logo,
.alrajhi-logo,
.alahli-logo,
.nbd-logo,
.mashreq-logo,
.qnb-logo,
.mellat-logo,
.aub-logo {
	width: 170px;
	height: 68px;
	padding: 5px;
	border: 1px solid #ddd;
	margin: 15px auto 0;
}

.aub-logo {
	background: url(../imgs/payment/aub-logo.png) top center no-repeat;
}
.kfh-logo {
	background: url(../imgs/payment/kfh-logo.png) center center no-repeat;
}
.eahli-logo {
	background: url(../imgs/payment/eahli-logo.png) center center no-repeat;
}
.nbk-logo {
	background: url(../imgs/payment/nbk-logo.png) center center no-repeat;
}
.alrajhi-logo {
	background: url(../imgs/payment/alrajhi-logo.png) center center no-repeat;
}
.alahli-logo {
	background: url(../imgs/payment/alahli-logo.png) center center no-repeat;
}
.nbd-logo {
	background: url(../imgs/payment/nbd-logo.png) center center no-repeat;
}
.mashreq-logo {
	background: url(../imgs/payment/mashreq-logo.png) center center no-repeat;
}
.qnb-logo {
	background: url(../imgs/payment/qnb-logo.png) center center no-repeat;
}
.mellat-logo {
	background: url(../imgs/payment/mellat-logo.png) center center no-repeat;
}

.mg-logo,
.xpress-logo,
.wu-logo {
	width: 110px;
	height: 26px;
	padding: 15px;
	margin: 10px auto 0;
}
.mg-logo,
.xpress-logo {
	border: 1px solid #ddd;
}
.mg-logo {
	background: #fff url(../imgs/payment/mg-logo.png) center center no-repeat;
}
.xpress-logo {
	background: #fff url(../imgs/payment/xpress.png) center center no-repeat;
}
.wu-logo {
	margin-top: 0;
	background: #000 url(../imgs/payment/wu-logo.png) center center no-repeat;
}

.payment-page .panel-heading {
	padding: 0;
}

.payment-page .panel-title > a {
	display: block;
	text-decoration: none;
	padding: 10px 15px;
}

.methodbox table p {
	font-size: 13px;
	margin-bottom: 0;
}

.pml {
	text-align: center;
}

.pml a {
	font-size: 12px;
	text-align: center;
	display: block;
}

.other-methods {
	margin-top: 50px;
	color: #555;
	font-size: 14px;
	margin-top: 15px;
}

.clearfix:before, .clearfix:after,
.payment-page > ul:before, .payment-page > ul:after,
.payment-page > ul > li:before, .payment-page > ul > li:after {
	content: " ";
	display: table;
	clear: both;
}

.acc-list {
	margin-top: 0;
	margin-bottom: 35px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.acc-list .acc-row {
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
	font-size: 12px;
	/*color: #828B99;*/
	-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pay-with-this-method {
	background-color: #feffef;
	cursor: pointer;
}

.payment-page h4.head {
	font-size: 14px;
	margin-right: 5px;
	color: #d50;
	margin-top: 15px;
}

.payment-page .panel-default > .panel-heading + .panel-collapse > .panel-body {
	overflow: hidden;
}

.acc-list .acc-row:after {
	clear: both;
}

.acc-list .acc-row:before, .acc-list .acc-row:after {
	content: " ";
	display: table;
}

@media(max-width: 767px){
	.payment-page h3 {
		background: #050;
		color: #fff;
		padding: 10px 20px;
		border-right: none;
		margin: 0 -15px 5px;
	}

	.payment-page > ul > li {
		border-bottom: 1px solid #ddd;
		padding-bottom: 15px;
	}
	.payment-page > ul > li.paypal {
		border-bottom: 0;
	}

	.acc-list {
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		    -ms-border-radius: 0;
		     -o-border-radius: 0;
		        border-radius: 0;
	}
}

.acc-list .acc-row .key.full {
	color: #428bca;
}

@media(min-width: 768px){
	.acc-list {
		background-color: #fafbfb;
		border: 1px solid #ebebfa;
	}
	.acc-list .acc-row:last-child {
		border-bottom: none;
	}
	li.paypal {
		background-color: #FAF8F0;
		border: 1px solid #ebeae3;
	}
	.payment-page h3 {
		cursor: pointer;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		    -ms-border-radius: 5px;
		     -o-border-radius: 5px;
		        border-radius: 5px;
	}
	.payment-page .paypal h3 {
		cursor: default;
	}
	/*.payment-page .paypal h3 {
		margin-right: 35px;
	}*/
	.payment-page hr {
		height: 1px;
		margin: 40px auto;
		background-color: #aaa;
		border-bottom: 1px solid #fff;
		-webkit-box-shadow: 0 0 20px rgba(0,0,0, .7);
		   -moz-box-shadow: 0 0 20px rgba(0,0,0, .7);
		    -ms-box-shadow: 0 0 20px rgba(0,0,0, .7);
		     -o-box-shadow: 0 0 20px rgba(0,0,0, .7);
		        box-shadow: 0 0 20px rgba(0,0,0, .7);
	}
	/*.payment-page > ul > li:after {
		content: "";
		background-color: #aaa;
		height: 2px;
		width: 100%;
		margin-top: 35px;
		margin-bottom: 15px;
		border-bottom: 1px solid #fff;
		-webkit-box-shadow: 0 0 20px rgba(0,0,0, .7);
		   -moz-box-shadow: 0 0 20px rgba(0,0,0, .7);
		    -ms-box-shadow: 0 0 20px rgba(0,0,0, .7);
		     -o-box-shadow: 0 0 20px rgba(0,0,0, .7);
		        box-shadow: 0 0 20px rgba(0,0,0, .7);
	}*/
	.payment-page > ul > li:first-child:after {
		display: none;
	}
	/*.payment-page > ul > li:last-child:after {
		display: none;
	}*/
	.acc-list .acc-row .key,
	.acc-list .acc-row .value {
		display: block;
		float: right;
		width: 30%;
	}
	.acc-list .acc-row .key {
		padding-right: 35px;
	}
	.acc-list .acc-row .key.full {
		width: 100%;
	}
	.acc-list .acc-row .value {
		width: 70%;
	}
}

.acc-list .acc-row .value {
	float: left;
	text-align: right;
	white-space: nowrap;
}


/*
*	HighRes
*	        __        __   ___  __  
*	|__| | / _` |__| |__) |__  /__` 
*	|  | | \__> |  | |  \ |___ .__/ 
*	                                
*/
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	#header {
		background-image: url(../imgs/header-pattern@2x.png);
		background-size: 250px 250px;
	}

	#header .logo:after {
		background: url(../imgs/logo@2x.png) no-repeat;
		background-size: 261px 210px;
	}

	.creditCards {
		background: url(../imgs/creditcards@2x.png) no-repeat;
		background-size: 230px 60px;
	}

	.multiPlat {
		background: url(../imgs/multi-platform@2x.png) no-repeat;
		background-size: 239px 161px;
	}

	.zoom:after {
		background:url(../imgs/icon@2x.png) no-repeat;
		background-size: 33px 33px;
	}

	/*.menu-head:before {
		background: url(../imgs/menu-dot@2x.png) no-repeat;
		background-size: 23px 23px;
	}*/

	.navbar-toggle .icon-menu {
		background: url(../imgs/icon-menu@2x.png) no-repeat;
		background-size: 44px 34px;
	}

	.info-icon {
		background: url(../imgs/info-icon@2x.png) no-repeat;
		background-size: 22px 22px;
	}

	/* Payment */

	.arrow-down {
		background-image: url(../imgs/arrow-d@2x.png);
		background-size: 20px 20px;
	}

	.getAndroid {
		background-image: url(../imgs/estekhara_android@2x.png);
	}

	.getIOS {
		background-image: url(../imgs/estekhara_ios@2x.png);
	}

	.aub-logo,
	.kfh-logo,
	.eahli-logo,
	.nbk-logo,
	.alrajhi-logo,
	.alahli-logo,
	.nbd-logo,
	.mashreq-logo,
	.qnb-logo,
	.mellat-logo,
	.aub-logo {
		background-size: 150px 48px;
	}

	.aub-logo {
		background-image: url(../imgs/payment/aub-logo@2x.png);
	}
	.kfh-logo {
		background-image: url(../imgs/payment/kfh-logo@2x.png);
	}
	.eahli-logo {
		background-image: url(../imgs/payment/eahli-logo@2x.png);
	}
	.nbk-logo {
		background-image: url(../imgs/payment/nbk-logo@2x.png);
	}
	.alrajhi-logo {
		background-image: url(../imgs/payment/alrajhi-logo@2x.png);
	}
	.alahli-logo {
		background-image: url(../imgs/payment/alahli-logo@2x.png);
	}
	.nbd-logo {
		background-image: url(../imgs/payment/nbd-logo@2x.png);
	}
	.mashreq-logo {
		background-image: url(../imgs/payment/mashreq-logo@2x.png);
	}
	.qnb-logo {
		background-image: url(../imgs/payment/qnb-logo@2x.png);
	}
	.mellat-logo {
		background-image: url(../imgs/payment/mellat-logo@2x.png);
	}

	.mg-logo {
		background: #fff url(../imgs/payment/mg-logo@2x.png) top center no-repeat;
		background-size: 110px 26px;
	}
	.xpress-logo {
		background: #fff url(../imgs/payment/xpress@2x.png) top center no-repeat;
		background-size: 110px 26px;
	}
	.wu-logo {
		background: #000 url(../imgs/payment/wu-logo@2x.png) top center no-repeat;
		background-size: 110px 26px;
	}

	.launcher {
		background-image: url(../imgs/estekhara_app@2x.png);
	}


	@media (min-width: 380px) {
		.enterEstekhara .left,
		.enterEstekhara .right {
			background: url(../imgs/enter-btn@2x.png) no-repeat;
			background-size: 124px 120px;
		}
		.enterEstekhara .right {
			background-position: -62px 0;
		}
	}

	@media (min-width: 768px) {
		#footer .frame {
			background-image: url(../imgs/footer-pattern@2x.png);
			background-size: 350px 117px;
		}

		#login-box .tl, #login-box .br {
			background: url(../imgs/login-box-tl@2x.png) no-repeat;
			background-size: 95px 95px;
		}

		#login-box .tr, #login-box .bl {
			background: url(../imgs/login-box-tr@2x.png) no-repeat;
			background-size: 95px 95px;
		}
	}

}


/* -------------------------------------- */
/* -------------------------------------- */
/* -------------------------------------- */

.m-code{
	line-height:34px;
	direction:ltr;
	position: absolute;
	left: 12px;
}
#user-mobile{text-align: left;width: 100%;padding-left: 50px;}

/*
*	Select 2
*	 __   ___       ___  __  ___    
*	/__` |__  |    |__  /  `  |     
*	.__/ |___ |___ |___ \__,  |     
*	                                
*/

.select2-container {
	margin: 0;
	position: relative;
	display: inline-block;
	/* inline-block for ie7 */
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	padding: 0;
	border: none;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
	Force border-box so that % widths fit the parent
	container without overlap because of margin/padding.
	More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
	 -moz-box-sizing: border-box; /* firefox */
		  box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
	display: block;
	height: 26px;
	padding: 0 0 0 8px;
	overflow: hidden;
	position: relative;

	white-space: nowrap;
	line-height: 26px;
	color: #444;
	text-decoration: none;

	border-radius: 4px;

	background-clip: padding-box;

	-webkit-touch-callout: none;
	  -webkit-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;

	background-color: #fff;

	height: 34px;
	padding: 0 12px;
	font-size: 14px;
	line-height: 1.52857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

html[dir="rtl"] .select2-container .select2-choice {
	padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
	border-bottom-color: #aaa;

	border-radius: 0 0 4px 4px;

	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
	background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
	background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
	background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
	margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
	line-height: 32px;
	margin-right: 26px;
	display: block;
	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;
	float: none;
	width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
	margin-left: 26px;
	margin-right: 0;
}

.select2-container .select2-choice abbr {
	display: none;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 24px;
	top: 8px;

	font-size: 1px;
	text-decoration: none;

	border: 0;
	background: url('../imgs/select2.png') right top no-repeat;
	cursor: pointer;
	outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
	display: inline-block;
}

.select2-container .select2-choice abbr:hover {
	background-position: right -11px;
	cursor: pointer;
}

.select2-drop-mask {
	border: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 9998;
	/* styles required for IE to work */
	background-color: #fff;
	filter: alpha(opacity=0);
}

.select2-drop {
	width: 100%;
	margin-top: -1px;
	position: absolute;
	z-index: 9999;
	top: 100%;

	background: #fff;
	color: #000;
	border: 1px solid #aaa;
	border-top: 0;

	border-radius: 0 0 4px 4px;

	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
			box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
	margin-top: 1px;
	border-top: 1px solid #aaa;
	border-bottom: 0;

	border-radius: 4px 4px 0 0;

	-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
			box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
	border: 1px solid #ccc;
	border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
	border-top: 1px solid #ccc;
}

.select2-drop-auto-width {
	border-top: 1px solid #aaa;
	width: auto;
}

.select2-drop-auto-width .select2-search {
	padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
	display: inline-block;
	width: 18px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;

	border-left: 1px solid #aaa;
	border-radius: 0 4px 4px 0;

	background-clip: padding-box;

	background: #ccc;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
	background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
	background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
	background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
	left: 0;
	right: auto;

	border-left: none;
	border-right: 1px solid #aaa;
	border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
	display: block;
	width: 100%;
	height: 100%;
	background: url('../imgs/select2.png') no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
	background-position: 2px 1px;
}

.select2-search {
	display: inline-block;
	width: 100%;
	min-height: 26px;
	margin: 0;
	padding-left: 4px;
	padding-right: 4px;

	position: relative;
	z-index: 10000;

	white-space: nowrap;
}

.select2-search input {
	width: 100%;
	height: auto !important;
	min-height: 26px;
	padding: 4px 20px 4px 5px;
	margin: 0;

	outline: 0;
	font-family: sans-serif;
	font-size: 1em;

	border: 1px solid #aaa;
	border-radius: 0;

	-webkit-box-shadow: none;
			box-shadow: none;

	background: #fff url('../imgs/select2.png') no-repeat 100% -22px;
	background: url('../imgs/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
	background: url('../imgs/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
	background: url('../imgs/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
	background: url('../imgs/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

html[dir="rtl"] .select2-search input {
	padding: 4px 5px 4px 20px;

	background: #fff url('../imgs/select2.png') no-repeat -37px -22px;
	background: url('../imgs/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
	background: url('../imgs/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
	background: url('../imgs/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
	background: url('../imgs/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
	margin-top: 4px;
}

.select2-search input.select2-active {
	background: #fff url('../imgs/select2-spinner.gif') no-repeat 100%;
	background: url('../imgs/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
	background: url('../imgs/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
	background: url('../imgs/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
	background: url('../imgs/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
	outline: none;

}

.select2-dropdown-open .select2-choice {
	border-bottom-color: transparent;
	-webkit-box-shadow: 0 1px 0 #fff inset;
			box-shadow: 0 1px 0 #fff inset;

	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;

	background-color: #eee;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
	border-top-color: transparent;
}

.select2-dropdown-open .select2-choice .select2-arrow {
	background: transparent;
	border-left: none;
	filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
	border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
	background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
	background-position: -16px 1px;
}

.select2-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* results */
.select2-results {
	max-height: 200px;
	padding: 0 0 0 4px;
	margin: 4px 4px 4px 0;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
	padding: 0 4px 0 0;
	margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
	margin: 0;
	padding-left: 0;
}

.select2-results li {
	list-style: none;
	display: list-item;
	background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
	font-weight: bold;
}

.select2-results .select2-result-label {
	padding: 3px 7px 4px;
	margin: 0;
	cursor: pointer;

	min-height: 1em;

	-webkit-touch-callout: none;
	  -webkit-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
	background: #3875d7;
	color: #fff;
}

.select2-results li em {
	background: #feffde;
	font-style: normal;
}

.select2-results .select2-highlighted em {
	background: transparent;
}

.select2-results .select2-highlighted ul {
	background: #fff;
	color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
	background: #f4f4f4;
	display: list-item;
	padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
	color: #666;
	background: #f4f4f4;
	display: list-item;
	cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
	display: none;
}

.select2-more-results.select2-active {
	background: #f4f4f4 url('../imgs/select2-spinner.gif') no-repeat 100%;
}

.select2-results .select2-ajax-error {
	background: rgba(255, 50, 50, .2);
}

.select2-more-results {
	background: #f4f4f4;
	display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
	background-color: #f4f4f4;
	background-image: none;
	border: 1px solid #ddd;
	cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
	background-color: #f4f4f4;
	background-image: none;
	border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
	display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
	height: auto !important;
	height: 1%;
	margin: 0;
	padding: 0 5px 0 0;
	position: relative;

	border: 1px solid #aaa;
	cursor: text;
	overflow: hidden;

	background-color: #fff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
	background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
	background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
	background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
	padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
	min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
	border: 1px solid #ccc;
	outline: none;

	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
			box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
	float: left;
	list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
	float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
	padding: 5px;
	margin: 1px 0;

	font-family: sans-serif;
	font-size: 100%;
	color: #666;
	outline: 0;
	border: 0;
	-webkit-box-shadow: none;
			box-shadow: none;
	background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
	background: #fff url('../imgs/select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
	color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
	padding: 3px 5px 3px 18px;
	margin: 3px 0 3px 5px;
	position: relative;

	line-height: 13px;
	color: #333;
	cursor: default;
	border: 1px solid #aaaaaa;

	border-radius: 3px;

	-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
			box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

	background-clip: padding-box;

	-webkit-touch-callout: none;
	  -webkit-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;

	background-color: #e4e4e4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
	background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
	margin: 3px 5px 3px 0;
	padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
	cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
	background: #d4d4d4;
}

.select2-search-choice-close {
	display: block;
	width: 12px;
	height: 13px;
	position: absolute;
	right: 3px;
	top: 4px;

	font-size: 1px;
	outline: none;
	background: url('../imgs/select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
	right: auto;
	left: 3px;
}

.select2-container-multi .select2-search-choice-close {
	left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
	left: auto;
	right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
	background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
	background-color: #f4f4f4;
	background-image: none;
	border: 1px solid #ddd;
	cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
	padding: 3px 5px 3px 5px;
	border: 1px solid #ddd;
	background-image: none;
	background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
	background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
	text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
	clip: rect(0 0 0 0) !important;
	width: 1px !important;
	height: 1px !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
	outline: 0 !important;
	left: 0px !important;
	top: 0px !important;
}

.select2-display-none {
	display: none;
}

.select2-measure-scrollbar {
	position: absolute;
	top: -10000px;
	left: -10000px;
	width: 100px;
	height: 100px;
	overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
	.select2-search input,
	.select2-search-choice-close,
	.select2-container .select2-choice abbr,
	.select2-container .select2-choice .select2-arrow b {
		background-image: url('../imgs/select2x2.png') !important;
		background-repeat: no-repeat !important;
		background-size: 60px 40px !important;
	}

	.select2-search input {
		background-position: 100% -21px !important;
	}
}