﻿@charset "utf-8";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);

/* ---------- FONTAWESOME ---------- */

@font-face {
    font-family: "Sultan Nahia W20";
    src: url("fonts/15f86051-fdd2-4919-b474-3e87da437991.eot");
    src: url("fonts/0169a81f-19cd-49d7-bbed-f13bc2735356.woff") format("woff"),url("fonts/0169a81f-19cd-49d7-bbed-f13bc2735356.ttf") format("truetype"),url("fonts/4c13aeb8-6b32-4c58-92b8-301d6ec79b09.svg") format("svg");
}

@font-face {
	font-family:"GE Flow";
	src: url("fonts/GE_Flow_Regular.otf"),
	    url("fonts/GE_Flow_Regular.eot?") format("eot"),
	    url("fonts/GE_Flow_Regular.woff") format("woff"),
	    url("fonts/GE_Flow_Regular.ttf") format("truetype"),
	    url("fonts/GE_Flow_Regular.svg#GEFlow") format("svg");
	font-weight:normal;
	font-style:normal;
	}
@font-face {
    font-family: "GE Flow";
    src:  local("Arial");
    unicode-range: U+30-39;
}
@font-face {
    font-family: "Myriad";
 src: local("MyriadProSemibold"), url("fonts/myriadprosemibold.otf") format("opentype");
 src: local("MyriadProSemibold"), url("fonts/myriadprosemibold.ttf") format("truetype");
}
@font-face {
    font-family: "Myriad";
    src:  local("Arial");
    unicode-range: U+30-39;
}
@font-face {
    font-family: "gess-b";
 src: local("GESSTextBold"), url("fonts/GESSTextBold.otf") format("opentype");
 src: local("GESSTextBold"), url("fonts/GESSTextBold.ttf") format("truetype");
}

@font-face {
    font-family: "gess-m";
src: local("GESSTEXTMEDIUM"), url("fonts/GESSTEXTMEDIUM.otf") format("opentype");
src: local("GESSTEXTMEDIUM"), url("fonts/GESSTEXTMEDIUM.ttf") format("truetype");
}
@font-face {
    font-family: "gess-m";
    src:  local("Arial");
    unicode-range: U+30-39;
}

@font-face {
    font-family: "FRABK";
 src: local("FRABK"), url("fonts/FRABK.ttf") format("truetype");
}

@font-face {
    font-family:'MhgozFont';
	src: url('fonts/MHGOZ-Light.eot');
	src: local('☺'), url('fonts/MHGOZ-Light.woff') format('woff'), url('fonts/MHGOZ-Light.ttf') format('truetype'), url('fonts/MHGOZ-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
    font-family:'MhgozFont';
	url('fonts/MHGOZ-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
}


[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}


* ---------- Login ---------- */
#login input:not([type='checkbox']):not([type="radio"]) {
	border: none;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	padding: 0;
	-webkit-appearance: none;
}

.close-big-notification{
font-size: 14px;
color: #FFF;
float: left;
margin-top: -41px;
margin-left: 12px;
}

input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type="search"]::-webkit-search-cancel-button {
  margin-left: 8px;
  padding: 3px;
  }

/* ---------- LOGIN ---------- */
.logo {
margin: 0 auto;
width: 56%;
display: block;
max-width: 300px;
margin-bottom: -45px;
margin-top: 35px;
}

#login {
margin: 0px auto;
width: 280px;
font-size: 15px;
line-height: 2;
text-align: right;
font-weight: normal;
font-family: MhgozFont,arial;
}

#login .thisbox {
	background-color: #037EFA;
	border-radius: 3px 0px 0px 3px;
	color: #FFFFFF;
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 50px;
}

#login input:not([type='checkbox']):not([type="radio"]) {
	height: 50px;
}
#login input:not([type='checkbox']):not([type="radio"]):not([type="submit"]) {
	background-color: #3b4148;
	border-radius: 0px 3px 3px 0px;
	color: #C4C9CF;
	margin-bottom: 0.8em;
	padding: 0 16px;
	width: 230px;
	border: 0px;
	font-size: 14px;
	font-family: "GE Flow",Arial,sans-serif;
}
.activationimg {
float:left; 
width:140px;
padding-bottom:10px;
}

 .activationimgpass {
float:left; 
width:145px;
padding-bottom:10px;
}

#cssHint {
visibility: hidden !important;
display: none !important;
}


#btnLogin {
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	background-color: #444;
	color: #DFDFDF !important;
	margin-bottom: 2em !important;
	text-transform: uppercase !important;
	width: 280px !important;
	cursor: pointer !important;
	font-size: 16px !important;
font-weight: normal !important;
font-family: MhgozFont,arial !important;
}

.button-icon, .button, .button-big, .button-big-icon, .button-icon-small {
	cursor: pointer;
	border:0px !important;
	font-family: MhgozFont,Arial,sans-serif;
	text-shadow: none !important;
	ext-align: center;
}

h1, h2, h3, h4, h5, h6{
	font-family: MhgozFont,Arial,sans-serif;
	color:#4E4E4E;	
}

table#ContentPlaceHolder1_rblSendMethode {
margin: 5px 0px 20px 0px;
}
table#ContentPlaceHolder1_rblSendMethode td {
width: 50%;
}

#btnLogin:hover {
	background-color: #63ADF5;
}

#login > p {
	text-align: center;
}

#login p {
margin-bottom: 0px !important;
}

#login > p span {
	padding-left: 5px;
}

.welcomtop {
float: right;
width:65%;
}

.deploy-toggle-3 em {
	left:15px;
}

#login  i.fa.fa-unlock-alt {
float: right;
font-size: 30px;
padding-left: 5px;
padding-right: 5px;
}

#login .forgetpassword {
text-align: right;
margin: 2px 1px;
}

.overlay{
	pointer-events:none;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:9999;
}

.overlay-pattern{
	background-image:url(../images/misc/repeat.png);
	background-repeat:repeat;	
}

/* ---------- Login ---------- */

/* ---------- GENERAL ---------- */

body {
	background-color:#ffffff;
	color: #818181;
  font: 95.5%/1em gess-m, tahoma;
  margin: 0;
}

html {
direction: rtl;
}

a {
	text-decoration: none;
}

a:hover {
	color: #CF5300;
}

p {
	line-height: 1.5em;
}

.vinput {
background: rgb(167, 0, 0);
border-radius: 3px 3px 3px 3px;
color: rgb(255, 255, 255);
z-index: 999;
position: absolute;
font: 12px tahoma;
padding: 7px 25px;
left: 0px;
top: 0px;
cursor: pointer;
}

.vinput:after {
border: 8px solid;
position: absolute;
right: 1px;
top: 20px;
content: "";
display: inline-block;
border-color: transparent transparent transparent #A70000;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
border: 0 !important;
color: rgb(255, 255, 255);
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
padding: 7px;
width: 100% !Important;
cursor: pointer;
background: #8C8C8C url("../images/drop-down-arrow.png") no-repeat left center;
background-size: 40px 37px;
margin: 5px 0px;
font: 95.5%/1.5em gess-m, tahoma;
}

.imgajax
{
   background: url(../images/loadinghome.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   _position: absolute;
   z-index: 9999999;
   left: 50%;
   top: 50%;
   margin: -50px 0 0 -50px;
   background-color: #000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	zoom: 1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}

.clearfix { *zoom: 1; } /* For IE 6/7 */
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
}
.clearfix:after { clear: both; }

/* ---------- LOGIN ---------- */
/* =========================== */
/* =========================== */	
/*      checkBOX		      */	
/* =========================== */

.ez-hide { 
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
left: 3px;
width: 25px;
height: 25px;
}

.ez-checkbox:before {
content: "\f0c8";
}

#remember {
position: relative;
}

.ez-checked:before{ 
content: "\f14a";
color: #037EFA;
}

.ez-radio:before {
content: "\f10c";
}

.ez-selected:before { 
content: "\f192";
color: rgb(207, 83, 0);
}

.ez-checkbox, .ez-radio {   
display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 19px;
padding-left: 5px;
padding-right: 5px;
position: relative;
top: 1px;
color: #838383;
  }
/* =========================== */	
/*      checkBOX END ****      */	
/* =========================== */

.scrollup:hover {
opacity: 1;
}

#txtCaptcha {
background-image:url(http://malath.tasweeq.net/1.jpg); direction: ltr;text-align:center; border:none;
         font-weight:bold; width:100px;height: 26px;text-decoration: line-through;text-transform: uppercase;font-size: 12pt;
}

.scrollup {
width: 30px;
height: 30px;
opacity: 0.4;
position: fixed;
bottom: 10px;
right: 10px;
display: none;
text-indent: -9999px;
background: url('/images/icon_top.png') no-repeat;
}

#bg { position: fixed; top: 0; left: 0%; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.homepage-wrapper{
	position:relative;
	z-index:99999;
}
/*
.bg-overlay{
	z-index:99;
	position:fixed;
	top:0;
	left:0;
	height:150%;
	width:100%;
	background-color:rgba(0,0,0,0.7);
}
*/
.homepage-logo{
	width:105px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}

.homepage-logo-sub{
	font-size:10px;
	font-style:normal;
	text-transform:uppercase;
	text-align:center;
	color:#FFFFFF;
	display:block;
	margin-top:5px;
}

.homepage-navigation{
	margin-top:120px;
	width:335px;
	margin-left:auto;
	margin-right:auto;
}

.homepage-navigation ul li {
	 display: block;
	}
	
.homepage-navigation a{
	text-align:center;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
	color: #FFF;
	font-size:13px;
	text-transform:uppercase;
	font-family: MhgozFont,Arial,sans-serif;
	font-weight:400;
	padding-top:80px;
	float:left;
	background-position:15px 0px;
	background-repeat:no-repeat;
	background-size:75px 75px;
	width:105px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:30px;
}

.homepage-navigation a:hover, .homepage-navigation a:active{color:#EE7300;}


.home-icon{	background-image:url(../images/misc/home.png);}
.type-icon{	background-image:url(../images/misc/type.png);}
.jquery-icon{	background-image:url(../images/misc/jquery.png);}
.gallery-icon{	background-image:url(../images/misc/gallery.png);}
.folio-icon{	background-image:url(../images/misc/folio.png);}
.mail-icon{	background-image:url(../images/misc/mail.png);}
.sendlatericon-icon{	background-image:url(../images/misc/sendlatericon.png);}
.sendername_icon-icon{	background-image:url(../images/misc/sendername_icon.png);}
.usersgroup-icon{	background-image:url(../images/misc/usersgroup.png);}
.userphones-icon{	background-image:url(../images/misc/userphones.png);}
.uploadnumbrs-icon{	background-image:url(../images/misc/uploadnumbrs.png);}
.shoppingsms-icon{	background-image:url(../images/misc/shoppingsms.png);}
.favicon-icon{	background-image:url(../images/misc/favicon.png);}


.footer{
width: 150px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
z-index: 99999;
color: #a4a5a4;
}

.footer a{
	background-size:35px 35px;
	width:35px;
	height:35px;
	float:left;
	margin-left:10px;
	margin-left:10px;	
}

.footer p{
text-align: center;
font-size: 10px;
margin-left: 0px;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 5px;
}

.facebook-icon{background-image:url(../images/misc/facebook.png);}
.twitter-icon{background-image:url(../images/misc/twitter.png);}
.google-icon{background-image:url(../images/misc/google.png);}

@-ms-viewport {
zoom-user:fixed;
max-zoom:1;
min-zoom:1;

}

body, html { 
  -ms-user-select: none;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}


@-ms-viewport{width:device-width}

/* iPads (landscape) */
@media only screen 
and (min-width : 768px) 
and (orientation : landscape) {
    .content-section .responsive-image{
		margin-top:-210px;	
	}	
		
	.homepage-logo{
		width:155px;
		margin-top:40px;
	}

	.homepage-logo-sub{
		font-size:12px;
		margin-bottom:80px;
	}

	.homepage-navigation{
		margin-top:120px;
		margin-bottom:70px;
		width:850px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.homepage-navigation a{
		font-size:16px;
		padding-top:100px;
		background-size:100px 100px;
		width:130px;
		margin-bottom:40px;
	}	
	
	.footer{
		margin-bottom:0px;
	}
	
	.footer p{
		margin-bottom:0px;
		font-size:12px;
		color:#FFFFFF;
	}
}

/* windows phone loumia*/
@media only screen 
and (min-width : 480px) 
and (orientation : portrait) {
  .homepage-logo{
	width:105px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}

.homepage-logo-sub{
	font-size:10px;
	font-style:normal;
	text-transform:uppercase;
	text-align:center;
	color:#FFFFFF;
	display:block;
	margin-top:5px;
}

.homepage-navigation{
	width:430px;
	margin-top:135px;
}
	
.homepage-navigation a{
	text-align:center;
	font-size:15px;
	text-transform:uppercase;
	padding-top:110px;
	background-size:100px 100px;
	width:135px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:30px;
}

}



/* iPads (portrait)*/

@media only screen 
and (min-width : 768px) 
and (orientation : portrait) {
    .content-section .responsive-image{
		margin-top:-130px;	
	}	
	
	.homepage-logo{
		width:155px;
		margin-top:80px;
	}

	.homepage-logo-sub{
		font-size:12px;
		margin-bottom:120px;
	}

	.homepage-navigation{
		margin-top:120px;
		margin-bottom:100px;
		width:430px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.homepage-navigation a{
		font-size:16px;
		padding-top:100px;
		background-size:100px 100px;
		width:130px;
		margin-bottom:50px;
	}	
	
	.footer p{
		margin-bottom:0px;
		font-size:12px;
		color:#FFFFFF;
	}
}

/*Mobile Devices in Landscape*/

@media only screen 
and (orientation : landscape ){
	.homepage-logo{
		margin-top:20px;
		margin-bottom:0px;
	}
		
	.homepage-navigation{
	margin-top: 120px;
	margin-bottom: 10px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	}
	
	.homepage-navigation a{
	width: 140px;
	font-size: 15px;
	background-size: 85px 85px;
	padding-top:95px;
	background-position: center 0px;
	}

	.footer{
		margin-top:0px;
	}

}


/*iPhone 5 + WebApp Settings*/

@media screen and (height : 548px){
	.homepage-navigation{
		margin-top:120px;	
	}
	.footer{
		margin-top:25px;
	}

	.footer p{
		margin-bottom:0px;
	}
}


/*iOS WebApp Settings*/

@media screen and (height : 572px){
	.homepage-navigation{
		margin-top:130px;	
	}
	
	.footer{
		margin-top:35px;
	}
}

/*iPhone 5 - WebApp Settings*/

@media screen and (height : 460px){
	
	.homepage-logo{
		margin-top:20px;
	}
	
	.homepage-logo-sub{
		margin-bottom:30px;
	}
	
	.homepage-navigation{
		margin-top:120px;	
	}
	
	.homepage-navigation a{
		margin-bottom:10px;
	}
	
	.footer{
		margin-top:30px;
	}

	.footer p{
		margin-bottom:0px;
	}

	.footer a {
		margin-bottom:-5px;
	}


}

/*Add To Homescreen */

.webapp{
	background-color:rgba(255,255,255,0.9);
	width:300px;
	height:69px;
	position:fixed;
	bottom:-200px;
	border-radius:12px;

}

.webapp-wrapper{
	position:relative;
	width:300px;
	margin-left:auto;
	margin-right:auto;
}

.webapp img{
	width:50px;
	height:50px;
	border-radius:12px;
	position:absolute;
	margin-left:10px;
	margin-top:10px;
}

.webapp h3{
	font-family:'Dosis', sans-serif;
	font-weight:600!important;
	font-size:12px;
	color:#000000;
	font-weight:800;
	margin-left:80px;
	margin-top:10px;
	margin-bottom:0px;
}

.webapp p{
	width:220px;
	color:rgba(0,0,0,0.8);
	font-size:10px;
	margin-left:80px;
	line-height:15px;
}

.close-webapp{
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	margin-top:-67px;
	right:20px;
	color:#FFFFFF;
	background-color:#000000;
	border-radius:15px;
	width:12px;
	height:12px;
	font-size:8px;
	line-height:9px;
	padding-left:4px;
}

.corner-deco{
	background-image:url(../images/misc/corner-deco.png);
	background-size:20px 10px;
	width:20px;
	height:10px;
	position:absolute;
	margin-top:-11px;
	margin-left:140px;
}

#confirmBox {
display: none;
}


/*////////////////////////*/
/*Second Homepage Settings*/
/*////////////////////////*/

.header{
	background-color:#8B8B8B;
	height:85px;
	position:fixed;
	width:100%;
	z-index:9999999;
	top: 0px;
-webkit-box-shadow: 0px -16px 25px 22px rgba(64,64,64,0.5);
-moz-box-shadow: 0px -16px 25px 22px rgba(64,64,64,0.5);
box-shadow: 0px -16px 25px 22px rgba(64,64,64,0.5);
}

#myback .fa-angle-left {
color: rgb(218, 218, 218);
}

.credit {
float:left;
}

.details
 {
	display: block;
	width: 100%;
	height: 35px;
background-color: #218DFC;
color:white;
padding: 10px;
 }
 
 /* =========================== */	
/*      Send box 			    */	
/* =========================== */
#dvConfirmb2{
	top: 0;
	left: 0;
	width: 100%;
	position: fixed;
	height: 100%;
	background-color: black;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	z-index: 999999;
}

#confirmBox{
background: url('../images/body_bg.jpg') repeat-x left bottom rgb(229, 229, 229);
border: 1px solid rgba(33, 33, 33, 0.6);
-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
text-align: right;
z-index: 9999999;
top: 30%;
width: 75%;
position: fixed;
left: 50%;
margin: 0 0 0 -37.5%;
	display: none;
}

#confirmBox h1,
#confirmBox p{
	font-family: 'MhgozFont', 'tahoma', sans-serif;
	font-size: 20px;
	background:url('../images/header_bg.jpg') repeat-x left bottom #f5f5f5;
	padding: 14px 10px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	color:#666;
}

#confirmBox h1{
	letter-spacing:0.3px;
	margin: 0px;
	font-weight: normal;
}

#confirmBox p{
	background:none;
	font-size:16px;
	line-height:1.4;
	padding-top: 20px;
	margin-bottom: 0px
}

#confirmButtons{
padding: 15px 0 25px;
margin: auto;
width: 169px;
}

.iframedctime {


}

.iframedc {

}

.GrdTitle a,.GrdTitle th ,.GrdTitle{
color:#EC5F00 !important;
}

.spangrp .box-shadow-preview a {
	display: inline !important;
}

.tablenumber td {
position:relative;
padding: 3px 3px;
}

#ContentPlaceHolder1_GridGroup td,#ContentPlaceHolder1_GridsubGroup td {
	padding: 5px !Important;
    margin: 0px !important;
	}
	
.tablenumber input {
margin:0px !important;
}

.box-shadow-preview{ 
    position: relative; 
    background-color: #FFFFFF; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #DDDDDD; 
    border-radius: 0px; 
    box-shadow: 0px 1px 4px 0px #99a3ad, 0px 0px 40px #eeeeee; 
}
.lblwhite:first-child th {
width: 70%;
}

#ContentPlaceHolder1_GridGroup .button-icon-small,#ContentPlaceHolder1_GridNumber td .button-icon-small{
width: 100%;
text-align: center;
}

#ContentPlaceHolder1_GridsubGroup td .button-icon-small{
width: 100%;
text-align: center;
}

.contactField {
font-size: 16px;
font-family: gess-m, tahoma;
}



#ContentPlaceHolder1_GridNumber td:nth-child(4n+0) {
padding:1px;
}

#ContentPlaceHolder1_GridNumber .contactField {
margin:0px !important;
}

#ContentPlaceHolder1_GridNumber td {
padding:0px;
}


.spangrp {
position: relative;
font-size: 20px;
margin: 8px auto;
border: 1px solid #ccc;
padding: 10px;
}

.close-box {
right: 0px;
background-image: url(../images/misc/delete-nav.png);
background-size: 32px 21px;
width: 29px;
height: 29px;
background-repeat: no-repeat;
float: right;
bottom: 4px;
cursor: pointer;
}

#confirmBox .buttonconf{
	display:inline-block;
	background-image: url('../images/buttons4.png');
	background-repeat: no-repeat;
	color:white;
	position:relative;
	height: 33px;
	font-family: 'MhgozFont', 'tahoma', sans-serif;
	font-size: 15px;
	margin-left: 15px;
	text-decoration:none;
	border:none;
	background-color: transparent;
}

#confirmBox .buttonconf:last-child{	margin-right:0;}

#confirmBox .blue{
	background-position:0px 0px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .35);
	width: 168px;
	text-align:center;
	cursor: pointer;
	float: right;
}
#confirmBox .blue:hover{		background-position:left bottom;}

#confirmBox .gray{				
	background-position:-168px top;
	text-align:center;
	text-shadow:1px 1px 0 #707070;
	width: 100px;cursor: pointer;line-height: 2.2;
	}
	
#confirmBox .gray:hover{		background-position:right bottom;}
/* =========================== */	
/*      Send box END ***       */	
/* =========================== */

.header h3 {
float: left;
margin-top: 19px;
margin-left: 5px;
color: #ffffff;
display: block;
width: 105px;
text-align: left;
font-size: 13px;
}
 
.page-logo{
margin-top: 5px;
margin-left: 16px;
width: 40px;
float: left;
}

.overlay{
	pointer-events:none;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:9999;
}

.overlay-pattern{
	background-image:url(../images/misc/repeat.png);
	background-repeat:repeat;	
}

.sendsuccess {
width: 200px;
margin: 80px auto 0px auto;
}

.sendsuccessspan {
font-size: 19px;
font-family: MhgozFont,Arial,sans-serif;
}


.show-navigation{
	right:0px;
	background-image:url(../images/misc/deploy-nav.png);
	background-size: 21px 16px;
	width: 50px;
	height: 50px;
	float: right;
	background-repeat: no-repeat;
	background-position: 14px 18px;
	background-color: rgba(255, 255, 255, 0.17);
}

.logout {
	background-image:url(../images/icons/new/power.png);
	background-size:25px 25px;
	float: right;
	width: 50px;
	height: 50px;
	background-repeat:no-repeat;
	background-position: 12px 14px;
	background-color: rgba(255, 255, 255, 0.17);
}

.lang {
	background-image: url(../images/icons/misc/globe.png);
	background-size: 25px 25px;
	float: right;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 13px 13px;
	background-color: rgba(255, 255, 255, 0.17);
	color: rgba(255, 255, 255, 0);
	margin: 0 1px;
}

.lang:hover {
	color:rgba(255, 255, 255, 0);
}

.hide-navigation{
	display:none;
	right:0px;
	background-image:url(../images/misc/delete-nav.png);
	background-size: 33px 21px;
	width:50px;
	height:50px;
	background-repeat:no-repeat;
	background-position: 8px 15px;
	background-color:rgba(255,255,255,0.05);
	float: right;
}

.PagerClass a, .PagerClass a:visited
{
	display: block;
	text-decoration: none;
	color: #717171;
	font: bold 11px Arial, sans-serif;
	text-shadow: 0px 1px white;
	padding: 6px 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
	background: #f9f9f9;
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
	background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
	background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
	margin: 2px;
}

.PagerClass a:hover
{
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
	background: #fff;
	background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
	background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
	background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
	background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
	background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e8e8e8',GradientType=0 );
}
.PagerClass Span
{
	color: white;
	text-shadow: 0px 1px #3f789f;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
	background: #f9c667;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YzY2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNzk2MjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f9c667 0%, #f79621 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621));
background: -webkit-linear-gradient(top,  #f9c667 0%,#f79621 100%);
background: -o-linear-gradient(top,  #f9c667 0%,#f79621 100%);
background: -ms-linear-gradient(top,  #f9c667 0%,#f79621 100%);
background: linear-gradient(to bottom,  #f9c667 0%,#f79621 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
	padding: 5px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.PagerClass a:active
{
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
	box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
}

.PagerClass td,.PagerClass table {
border: 0px;
background-color: rgb(255, 255, 255);
margin: 0px;
}

.boxeditno {
border-radius: 5px;
border: 1px solid#525252;
padding: 12px;
min-height: 75px;
max-width: 400px;
margin: auto;
text-shadow: none;
background: #2F2F2F;
color: #F5F5F5;
}

/* =========================== */	
/*      Alert box 	 ***       */	
/* =========================== */
/* Outermost Container */
.freeow {
    position: fixed;
    z-index: 999999;
	top: 40%;
width: 90%;
left: 50%;
margin: 0 0 0 -45%;
}

.freeow-top-right {
 
}
.freeow-bottom-right {
    bottom: 10px;
    right: 10px;
}

/* Message */
.freeow > div {
    position: relative;
    margin-bottom: 5px;
	cursor: pointer;
}
.freeow .contentere {
    margin: 5px 5px 5px 69px;
}
.freeow h2,
.freeow p {
    margin: 0;
    padding: 0;

}
.freeow .icon:before {
position: absolute;
display: block;
width: 48px;
height: 48px;
top: 30px;
left: 13px;
z-index: 1;
content: "\f071";
font-family: 'FontAwesome', sans-serif;
font-size: 44px;
color: rgba(255, 214, 0, 1);
}
.freeow .close:before {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 11px;
	font-family: 'FontAwesome', sans-serif;
    content: "\f057";
    z-index: 2;
	float: right;
	right: 9px;
	font-size: 21px;
color: rgba(255, 255, 255, 0.99);
}



/* Icons -------------------------------------------------------------------- */

.freeow .slide .icon   { background-image: url(../images/slide.png); }
.freeow .correct .icon { background-image: url(../images/correct.png); }
.freeow .error .icon   { background-image: url(../images/error.png); }


/* Specific Styles ---------------------------------------------------------- */

/* Smokey */
.freeow .smokey {
	color: white;
}
.freeow .smokey .background {
border: 2px solid #E7E7E7;
-moz-border-radius: 12px;
border-radius: 4px;
background: #000;
opacity: .65;
-moz-box-shadow: 2px 2px 3px #888;
-webkit-box-shadow: 2px 2px 3px #888;
box-shadow: 6px 7px 9px #8D8D8D;
padding: 5px;
min-height: 75px;
}

.freeow .smokey .content {
    margin: 5px 5px 5px 69px;
}

.freeow .smokey h2 {
font-size: 14px;
line-height: 14px;
padding-right: 27px;
padding-top: 3px;
color: white;
font-weight: normal;
}

.freeow .smokey p {
    padding-top: 15px;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
	
}

/* Simple */
.freeow .simple .background {
	border: 2px solid #ccc;
	background: #eee;
}
.freeow .simple .content {
    margin: 5px 5px 5px 69px;
}
/* =========================== */	
/*      Alert box END ***       */	
/* =========================== */
/* =========================== */	
/*      checkBOX		      */	
/* =========================== */

.page-header-clear{
	height:95px;
}

h1, h2, h3, h4, h5, h6, span, p  {
text-align: right;
}

.navigation-wrapper{
	border-top:solid 1px rgba(255,255,255,0.08);
	background-color: #037EFA;
}

.navigation{
	border-bottom:solid 5px #0155AB;
	background-color:#1c1c1c;
	position:absolute;
	width:100%;
	z-index:999999;
	top:-300%;
}


@media only screen
and (min-width : 768px){
	.navigation{
		width:320px!important;
		right:0px;
	}
}


.nav-item a{
	opacity:0.8;
	font-size:14px;
		font-family: MhgozFont,Arial,sans-serif;
	text-transform:uppercase;
	padding-right:70px;
	color:rgba(255, 255, 255, 0.89);
	line-height:50px;
	border-bottom:solid 1px rgba(255,255,255,0.1);
background-position: 20px 13px;
background-repeat: no-repeat;
background-size: 25px 25px;
}

.nav-item a:hover{
	background-color:#C8C8C8;
}

.nav-item a:active{
	background-color:#C8C8C8;
}

.homepage-icon{
	background-image:url(../images/misc/homepage.png);
}

.landing-icon{
	background-image:url(../images/misc/landing.png);
}

.features-icon{
	background-image:url(../images/misc/features.png);
}

.camera-icon{
	background-image:url(../images/misc/camera.png);
}

.portfolio-icon{
	background-image:url(../images/misc/portfolio.png);
}

.video-icon{
	background-image:url(../images/misc/videos.png);
}

.contact-icon{
	background-image:url(../images/misc/contact.png);
}

.info-icon{
	background-image:url(../images/icons/misc/contact_card_icon48.png);
background-position: 22px 14px !important;
background-size: 22px 22px !important;
}

.call-icon{
	background-image:url(../images/icons/misc/phone_1_icon48.png);
background-position: 22px 14px !important;
background-size: 22px 22px !important;
}

.support-icon{
	background-image:url(../images/icons/misc/emotion_smile_icon48.png);
background-position: 22px 14px !important;
background-size: 22px 22px !important;
}

.pay-icon{
	background-image:url(../images/icons/misc/money_icon48.png);
background-position: 22px 14px !important;
background-size: 22px 22px !important;
}

.group-icon{
	background-image:url(../images/icons/misc/db_icon48.png);
background-position: 22px 14px !important;
background-size: 22px 22px !important;
}

.selected-item{
	background-image:url(../images/misc/nav_selected.png);
	background-size:14px 14px;
	background-repeat:no-repeat;
	position:absolute;
	width:14px;
	height:14px;
	right:23px;
	margin-top:23px;
}
	
.unselected-item{
	background-image:url(../images/misc/nav_unselected.png);
	background-size:14px 14px;
	background-repeat:no-repeat;
	position:absolute;
	width:14px;
	height:14px;
	right:23px;
	margin-top:23px;
}

.dropdown-item{
	background-image:url(../images/misc/nav_dropup.png);
	background-size:14px 14px;
	background-repeat:no-repeat;
	position:absolute;
	width:14px;
	height:14px;
	right:23px;
	margin-top:23px;
}

.active-dropdown{
	background-image:url(../images/misc/nav_dropdown.png);
}

.submenu{
	display:none;
	background-color: #4F9CEA;
}

.submenu-active{
	display:block;
}

.submenu a{
	opacity:0.8;
	background-image:url(../images/misc/nav-submenu.png);
	background-repeat:no-repeat;
	background-size:8px 8px;
	background-position:50px 25px;
	padding-left:90px;
}

/*Contact Icons*/
.contact-call{
	padding-top:5px;
	color:#666;
	padding-right:30px;
	background-position-x: right;
	background-image:url(../images/misc/contact_phone.png);
	background-repeat:no-repeat;
	background-size:18px 18px;
	height:30px;
	display:block;
}

.contact-text{
	color:#666;
	padding-right:30px;
	background-position-x: right;
	background-image:url(../images/misc/contact_message.png);
	background-repeat:no-repeat;
	background-size:18px 18px;
	height:20px;
	display:block;
	margin-bottom:2px;
}

.contact-mail{
color: #666;
padding-right: 27px;
background-position-x: right;
background-image: url(../images/misc/contact_mail.png);
background-repeat: no-repeat;
background-size: 14px 14px;
height: 20px;
display: block;
margin-top: 5px;
margin-bottom: 2px;
margin-right: 3px;
}

.contact-facebook{
	color:#666;
	padding-right:30px;
	background-position-x: right;
	background-image:url(../images/misc/contact_facebook.png);
	background-repeat:no-repeat;
	background-size:20px 20px;
	height:20px;
	display:block;
	margin-top:5px;
	margin-bottom:2px;
}

.contact-twitter{
	color:#666;
	padding-right:30px;
	background-position-x: right;
	background-image:url(../images/misc/contact_twitter.png);
	background-repeat:no-repeat;
	background-size:20px 20px;
	height:20px;
	display:block;
	margin-top:5px;
	margin-bottom:2px;
}

.content-section{
	margin-bottom:20px;
}

.content-section .responsive-image{
	margin-bottom:0px;
}

.content-section h1{
	font-size:16px;
	position:absolute;
	color:#FFFFFF;
	margin-top:30px;
	left:20px;
	z-index:99999;
}

.content-section em{
	font-size:12px;
	font-style:normal;
	position:absolute;
	color:#a3a3a3;
	margin-top:55px;
	left:20px;
	z-index:99999;
}

/*About Faces / Quotes */

.quote-item em{
	text-align:center;
	display:block;
	color:#e34e47;
	margin-bottom:10px;
}

.quote-item h4{
	text-align:center;
	margin-bottom:0px;
}

.quote-item strong{
	text-align:center;
	font-style:normal;
	font-weight:400;
	display:block;
	width:230px;
	margin-left:auto;
	margin-right:auto;
}

.quote-item img{
	border-radius:100px;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

/*Responsive Columns*/

.column-responsive img{
	width:100px;
	float:left;
	border-radius:100px;
	margin-right:10px;
	margin-bottom:10px;
}

.column-responsive strong{
	margin-top:5px;
	display:block;
	margin-bottom:10px;
	font-size:14px;
	color:#1a1a1a;
}

.column-responsive em{
	font-style:normal;
}


.copyright{
	font-size:10px;
}

.footer-socials{
	width:110px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.footer-socials a{
	float:left;
	margin-left:5px;
	margin-right:5px;
}

.facebook-footer{
	background-image:url(../images/misc/facebook-footer.png);
	background-repeat:no-repeat;
	background-size:25px 25px;
	height:25px;
	width:25px;
}

.goup-footer{
	background-image:url(../images/misc/goup-footer.png);
	background-repeat:no-repeat;
	background-size:25px 25px;
	height:25px;
	width:25px;
}

.twitter-footer{
	background-image:url(../images/misc/twitter-footer.png);
	background-repeat:no-repeat;
	background-size:25px 25px;
	height:25px;
	width:25px;
}

/*Wide Portfolio*/

.wide-active{
	margin-top:20px;
	display:none;
}

.wide-item-wrapper{
	background-color:#FFFFFF;
	padding-bottom:1px;
	margin-top:3px;
}

.wide-folio{
	margin-top:-17px;
	margin-bottom:20px;
}

.wide-item{
	margin-bottom:3px;
}

.wide-item .responsive-image{
	margin-bottom:0px;
}

.wide-image{
	max-height:100px;
	overflow:hidden;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
margin-left: 0px !important;
}

.mCustomScrollBox {
padding-right: 1px !important;
}

.chkdbl {
font-size: 14px !important;
}

.wide-item-titles{
	position:relative;
	z-index:99999;
	top:30px;
	margin-bottom:-45px;
	pointer-events:none;
}

.wide-item-titles h4{
	font-family:'Open Sans', sans-serif;
	font-weight:200;
	font-size:16px;
	text-transform:uppercase;
	color:#FFFFFF;
	position:relative;
	z-index:999999;
	text-align:center;
	margin-bottom:5px;
}

.wide-item-titles p{
	color:#FFFFFF;
	margin-bottom:0px;
	color:rgba(255,255,255,0.5);
	text-align:center;
	position:relative;
	z-index:999999;
}

.wide-item-content{
	display:none;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
}

@media (min-width:760px) { 
	.wide-image{
		max-height:150px;
	}
	
	.wide-item-titles{
		top:55px;
		margin-bottom:-45px;
	}
}




/*Demo Purpose Frame Only*/


@media only screen 
and (width : 798px){ 
    .content-section .responsive-image{
		margin-top:-135px;	
	}	
}


/*Preview Frame Demo Only*/

@media only screen 
and (min-width : 798px)
and (min-height: 801px){
	
	.homepage-logo{
		width:155px;
		margin-top:40px;
	}

	.homepage-logo-sub{
		
		font-size:12px;
		margin-bottom:100px;
	}

	.homepage-navigation{
		margin-top:110px;
		margin-bottom:80px;
		width:430px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.homepage-navigation a{
		font-size:16px;
		padding-top:100px;
		background-size:100px 100px;
		width:130px;
		margin-bottom:20px;
	}
}

.filename{
float:left;
display:inline-block;
outline:0 none;
height:40px;
width: 75%;
margin:0;
padding:8px 10px;
overflow:hidden;
cursor:default;
border:1px solid;
border-right:0;
font:9pt/100% Arial, Helvetica, sans-serif; color:#777;
text-shadow:1px 1px 0px #fff;
text-overflow:ellipsis;
white-space:nowrap;

-moz-border-radius:5px 0px 0px 5px;
-webkit-border-radius:5px 0px 0px 5px;
border-radius:5px 0px 0px 5px;

background:#f5f5f5;
background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0);
border-color:#ccc;

-moz-box-shadow:0px 0px 1px #fff inset;
-webkit-box-shadow:0px 0px 1px #fff inset;
box-shadow:0px 0px 1px #fff inset;

-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.uploadfilefloat {
float:right;
}

#ContentPlaceHolder1_UpdateOptions #ContentPlaceHolder1_GridGroup .GrdTitle > th,#ContentPlaceHolder1_UpdatePanel1 #ContentPlaceHolder1_GridsubGroup .GrdTitle > th {
width:50%;
}

option {
background-color: #C8C8C8 !important;
height: 100px;
}

.uploader .buttonfile{
float:left;
height:40px;
display:inline-block;
outline:0 none;
padding:8px 12px;
margin:0;
cursor:pointer;
border:1px solid;
font:bold 9pt/100% Arial, Helvetica, sans-serif;
width: 25%;

-moz-border-radius:0px 5px 5px 0px;
-webkit-border-radius:0px 5px 5px 0px;
border-radius:0px 5px 5px 0px;

-moz-box-shadow:0px 0px 1px #fff inset;
-webkit-box-shadow:0px 0px 1px #fff inset;
box-shadow:0px 0px 1px #fff inset;
}


.uploader input[type=file]{
position:absolute;
top:0; right:0; bottom:0;
border:0;
padding:0; margin:0;
height:40px;
cursor:pointer;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity:0;
width: 100%;
}

.uploader input[type=button]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
.uploader input[type=button]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}
.uploader input[type=text]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
.uploader input[type=text]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}

/* White Color Scheme ------------------------ */

.orange .buttonfile{
color:#fff;
text-shadow:1px 1px 0px #c04501;
background:#d54d01;
background:-moz-linear-gradient(top, #f86c1f 0%, #d54d01 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f86c1f), color-stop(100%,#d54d01));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f86c1f', endColorstr='#d54d01',GradientType=0);
border-color:#c04501;
font: 95.5%/1em gess-m, arial;
}
.orange:hover .buttonfile{
background:#f86c1f;
background:-moz-linear-gradient(top, #d54d01 0%, #f86c1f 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d54d01), color-stop(100%,#f86c1f));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d54d01', endColorstr='#f86c1f',GradientType=0);
}

