@charset "windows-1256";
@font-face {
    font-family: Cairo;
    src: url('cairo/Cairo-Regular.ttf');
}
@font-face {
    font-family: Cairo;
    src: url('cairo/Cairo-Bold.ttf');
	font-weight:bold;
}
@media only screen and (max-width:1200px),only screen and (max-device-width:1200px) {
.logo{
	display:none !important;
}
}
@media only screen and (max-width:850px),only screen and (max-device-width:850px) {
	.top_links{
		top:0px !important;
		left:0px !important;
		min-width:auto !important;
		max-width:calc( 100% - 120px );
		transform:translateX(0px) !important;
		border-radius:0px 0px 60px 0px !important;

	
	}
	.map{
		
		height:400px !important;
		position:relative;
		margin-bottom:10px !important;
	}
	#logo-imag{
	visibility:hidden;	
	}
	#myCanvas2{
	width:100%;
	height:auto !important;

}
	.dateDlg{
		top:360px !important;
		margin:0 !important;
		left:-130px !important;
		transform:scale(0.6) !important;
		float:left;
		
	}
	.headd{
		background-size:85%;
		background-position:80% 70% !important;
	}
	.mapFooter{
		display:none;	
	}
	.partec{
		margin-top:-50px !important;	
	}
    .main-menu{
	position:absolute !important;
	
	
	top:0px;
	right:0px;
	
	padding-top:80px;
	padding-bottom:30px;
	width:100%;
	height:auto !important;
	background-color:#000;
	margin-top:-1000px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
	font-size:22px;
	/*display:none !important;*/
	}
	.menuShow{
		margin-top:0px;	
	}
	.topbar li{
		font-family: Cairo, sans-serif;
		float:right;
		width:100% !important;
		height:35px !important;
		line-height:35px !important;
		background-color:#000;
		
		/*padding:10px !important;*/
	}
	.topbar li a{
		
		text-decoration:none;
		color:#f7ebd7 !important;
		display:block;
		margin-left: 60px !important;
		margin-right: 60px !important;
		
		
	}
	.topbar li a:hover{
		color:white !important;
		
	}
	
	.smalBtn{
		display:block !important;
		height:200px !important;
		line-height:200px !important;
		background-color:#FC0 !important;
		margin-left:3px;
		margin-right:3px;
		border-radius:0px !important;
		margin-bottom:30px !important;
		
			
	}
	.smalBtn:hover{
		background-color:#3F3E3E !important;
		
	}
	.floatBtn{
	
		font-size:12px !important;
		width:130px !important;
		padding: 5px 10px 5px 20px !important;
		top:100px !important;
	}	
	.menu-btn{
		cursor:pointer;
		display:block !important;	
		visibility:visible !important;
	}
	.scheduleTab{
	
		font-size:20px !important;
		
	
	}
	.about-item p{
	padding-left:10px !important;
	padding-right:10px !important;
	font-size:12px;
	color:#7E7E7E;	
	}
	.counterup{
		
		transform:scale(1) !important;
		top:20px !important;
	
	}
	.logo{
	display:block !important;
}
.press_link{

	width:100% !important;
}
.vote-dlg{
width:80% !important;
max-width:80% !important;
/*left:50% !important;
margin-left:-250px;
border-radius:20px 20px 20px 20px !important;	*/
top:530px !important;
color:#fff;
background-color:rgba(0,0,0,0.60);
padding:10px;
line-height:0px;

z-index:1000;
}
.press_link2{
	
	width:90%;
		
}
.news-new-main{
	width:90% !important;
}
.press_cell_text2{
	width:40% !important;
	
}
.page .press_link2:first-of-type .press_cell_text2{
	width:90% !important;
	clear:both;
}
.site-name-ar,.site-name-en{
	position:absolute;
	padding:10px 0px 10px 0px !important;
	color:#FFFFFF;
	font-size:20px !important;
	font-weight:bold;
	top:auto !important;
	bottom:0px;
	
	width:100% !important;
	border-radius:0px !important;
	text-align:center !important;
	background-color:rgba(0,0,0,0.64);
	
}
.boldfont2{
	font-size:12px !important;	
}
}
body{
	font-family: Cairo, sans-serif;
	/*font-family: 'Cairo', sans-serif;
	font-weight:bold;
	font-family: 'Aref Ruqaa', serif;
	font-size:22px;
	font-family: 'Changa', sans-serif;
	font-family: 'Reem Kufi', sans-serif;
	font-family: Cairo, sans-serif;
	font-family: 'Oswald';
	font-family: 'PT Sans', sans-serif;*/
}
.fa{
	font-style:normal;	
}
body,html,div,li,ul,a,img{
	padding:0px;
	margin:0px;
}
div,li{
    -webkit-transition: background-color 0.5s,color 0.5s,font-size 0.5s,opacity 0.5s; /* Safari */
    transition: background-color 0.5s,color 0.5s,font-size 0.5s,opacity 0.5s;
}
.inblock{
	display:inline-block;	
}
.topbar{
	font-family:  sans-serif;
	height:85px;
	line-height:85px;
	text-align:center;
	position:fixed;
	width:100%;
	border-bottom: solid #f4bf18 1px;
	z-index:1000;
	background:#fff;
}
.logo{
	height:inherit;
	width:170px;
	
	display:inline-block;
	/*background-image:url(../conf-images/logo_w.png);
	background-repeat:no-repeat;
	background-position:center;*/
	float:left;
	padding-left:20px;
	
}
.main-menu{
	display:inline-block;
	
	color:#f4bf18;
	height:inherit;
	
}
.topbar li{
	display:inline-block;
	height:inherit;
	
	
	/*padding:10px !important;*/
}
.topbar li a{
	
	font-weight:bold;
	/*font-family: 'Cairo', sans-serif;
	font-weight:bold;
	font-family: 'Aref Ruqaa', serif;
	font-size:22px;
	font-family: 'Changa', sans-serif;
	font-family: 'Reem Kufi', sans-serif;
	font-family: Cairo, sans-serif;
	font-family: 'Oswald';
	font-family: 'PT Sans', sans-serif;*/
	text-decoration:none;
	color:#0a3f5f;
	display:block;
	padding-left:15px;
	padding-right:15px;
	font-size:16px;
	height:inherit;
	
}
.topbar li a:hover{
	background-color:#f4bf18;
}
.smalBtn{
	height:40px !important;
	line-height:40px !important;
	background-color:#FC0;
	margin-left:3px;
	margin-right:3px;
	border-radius:5px;
}
.smalBtn:hover{
	background-color:#3F3E3E !important;
	
}
.floatBtn{
	display:block;
	background-color:#FC0;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	width:280px;
	text-align:right;
	padding: 10px 10px 10px 50px;
	border-radius:0 20px 20px 0;
	position:absolute;
	z-index:1000;
	top:370px;	
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.floatBtn:hover{
	padding-left:150px;
	background-color:#422828;
}
.menu-btn{
	position:absolute;
	width:40px;
	height:40px;
	background-color:#3F3F3F;
	z-index:2000;
	right:20px;
	top:20px;
	display:none;
	visibility:hidden;
	border:solid #FFFFFF 1px;
	color:#FFFFFF;
	line-height:40px;
	font-size:22px;
}
.map{
	width:100%;
	height:calc( 100vh - 60px );
	background-color:#0a3f5f;
	background-repeat:no-repeat;
	background-position:center -170px;
	position:relative;
	text-align:center;
	padding-top:130px;
}
.headd{
	position:absolute;
	min-width:inherit;
	height:70px;
	right:10px;
	left:0px;
	top:10px;
	background-image:url(../images2016/logo9.png);
	background-repeat:no-repeat;
	background-position:50% 100%;
	padding-top:inherit;
}
.map2{
	width:100%;
	height:300px;
	background-color:#c3c3c3;
	background-image:url(../conf-images/final.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:1100px;
	position:relative;
	color:#FFFFFF;
}
.counterup{
	height:100px;
	
	text-align:center;
	
	position:absolute;
	width:500px;
	left:50%;
	margin-left:-250px;
	transform:scale(2);
	top:100px;	
}
.mapFooter{
	background-color:rgba(0,0,0,0.9);
	width:100%;
	height:100px;
	position:absolute;
	bottom:0px;
	color:#FFFFFF;	
}
.mapFooter-div{
	height:100px;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	text-align:center;


}
.mapFooter-info{

	font-size:14px;
	text-align:center;
	padding-top:15px;
	display:inline-block;
	width:23%;
	
}
.pages{
	display: flex;
  justify-content:center;
  flex-wrap: wrap;
  
}
.page{
	
	order: 1;
	-webkit-order: 1;
	padding:30px;
	
	margin:0 auto;
	
	width:100%;
	background-color:#FFFFFF;

	max-width:1200px;
	/*margin-top:30px;
	border:solid rgba(205,205,205,1.00) 2px;*/
	clear:both;
	
	
}
.page:nth-child(2n+5) {background: #DFDFDF}
.gotoup{
	position:fixed;
	right:20px;
	bottom:20px;
	width:60px;
	height:60px;
	color:rgba(255,255,255,1.00);
	line-height:60px;
	text-align:center;
	font-size:24px;
	border-radius:5px;
	background-color:rgba(0,0,0,1.00);
	cursor:pointer;
}
.fileOpen{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.60);
	z-index:9000;
	visibility:hidden;
	background-image:url(../control/assets/img/loader.gif);
	background-repeat:no-repeat;
	background-position:center;
	
}
.next-prev{
	position:absolute;
	width:100%;
	top:40%;
	height:90px;
		
}
.nextFile,.prevFile{
	width:60px;
	height:90px;
	
	background-image:url(gallery/a17.png);
	display:inline-block;
	cursor:pointer;
}
.nextFile:hover{
	background-position:-120px;	
}
.prevFile{
	float:right;
	background-position:-60px;	
}
.prevFile:hover{
	background-position:-180px;	
}
.filewhite{
	background-color:rgba(255,255,255,1.00);
	max-width:90%;
	max-height:90%;
	width:100px;
	height:100px;
	position:relative;
	margin:0 auto;
	
	top: 50%;
	transform: translateY(-50%);
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
	opacity:0;
	overflow:hidden;
	
	background-image:url(../control/assets/img/loader.gif);
	background-repeat:no-repeat;
	background-position:center;
}
.ajaxontiner{
	
	padding:5px;
	display:block;
	height:inherit;
	position:relative;
	
}
.ajaxontiner-text{
	
	padding:20px !important;
	overflow:auto;
	height:90% !important;
	
}
.closFile{
	position:absolute;
	width:30px;
	height:30px;
	
	background-color:#fff;
	right:0px;
	border-radius:0 0 0 20px  ;
	color:#000;
	text-align:center;
	cursor:pointer;
	line-height:30px;
	z-index:1000;
}
.openFilee{
	position:absolute;
	width:30px;
	height:30px;
	
	background-color:#fff;
	left:0px;
	border-radius:0 0 20px 0  ;
	color:#000;
	text-align:center;
	cursor:pointer;
	line-height:30px;
	z-index:1001;
	visibility:hidden;
}

/*----------------------*/
.news-new-main{
	width:750px;
	margin-bottom:25px;
	text-align:center;
}
.news-new-main img{
	width:100%;	
}
.news-new{
	width:200px;
	height:120px;
	border:solid 1px #000000;
	margin-bottom:10px;
	text-align:center;
}
.news-new img{
	width:100%;	
	height:100%;
}
.press_link2,.press_cell2,.press_cell_text2{
	
	display:inline-block;
	vertical-align:text-top;
}
.press_link2{
	
	padding-right:50px;
	
		
}
.press_cell_text2{
	width:300px;
	
}
.boldfont2{
	font-size:16px;	
}
.page .press_link2:first-of-type .boldfont2{
	font-size:20px;	
}

.page .press_link2:first-of-type{
	clear:both !important;
	display:block !important;
	width:100% !important;
	margin-bottom:30px;
}

/**/
.page .press_link:first-of-type{
	background-color:rgba(252,252,252,0);
	-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
	/*background-image:url(../conf-images/new.jpg);
	background-repeat:no-repeat;
	background-position:center top;*/
	
}
.press_link{
	padding:20px;
	padding-bottom:0px;
	display:inline-block;
	width:46%;
	border-radius:30px;
}
.in-press-btn{
	color:#838383;
	margin-left:20px;
	font-size:14px;
	border-bottom:solid 2px #f4bf18;
}
.in-press-btn:hover{
	color:#000;
}
.press_cell{
	clear:both;
	width:100%;	
}
.press_cell-div-image{
	background-color:rgba(255,255,255,1.00);
	width:100px;
	height:100px;
	padding:5px;
	/*border-radius:50%;*/
	position:relative;
		
}
.press_cell-div-image img{
	position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.press_cell-div-image-margin-right{
	margin-left:-50px;
}
.press_cell-div-image-margin-left{
	margin-right:-50px;
}
.press_cell_text{
	padding-top:20px;
	height:120px;
	width: calc(100% - 180px);
	
}
.press_cell_text:last-child{
	border:0 !important;
			
}
.press_cell_text .red{
	line-height:25px;	
}
.press_cell_text-padding-right{
	padding-right:70px;
	text-align:right;
	border-right:solid #A6A6A6 2px;
}
.press_cell_text-padding-left{
	padding-left:70px;
	text-align:left;
	border-left:solid #A6A6A6 2px;
}
.right{
	float:right;
}
.left{
	float:left;
}
.red,a{
	color:#0a3f5f;
	text-decoration:none;
}
.redB{
	background-color:#f4bf18 !important;
		
}
.white{
	color:#fff;
		
}
.gray{
	color:rgba(156,156,156,1.00);
	font-size:10px;	
}
.boldfont{
	font-weight:bold;
	color:#0a3f5f;
}
.shadow1{
	-webkit-box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.75);	
}
.clear{
	clear:both;	
}
/*----------------------*/
.dateDlg{
	background-color:rgba(0,0,0,0.8);
	width:650px;
	height:140px;
	position:absolute;
	top:480px;
	left:50%;
	margin-left:-420px;	
}
.dateDlg-image-right{
	background-image:url(../conf-images/date-ar.jpg);
	background-size:210px;
	float:left;
	width:210px;
	height:100%;
}
.dateDlg-image-left{
	background-image:url(../conf-images/date-en.jpg);
	background-size:210px;
	float:left;
	width:210px;
	height:100%;
}
.date-title{
	padding:10px;
	font-size:18px;	
}
.date-count{
	width:65px;
	height:65px;
	display:inline-block;
	margin:10px;
	text-align:center;
	color:#FCFCFC;
	line-height:27px;	
}
.counterText{
	margin-top:5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:26px;
		
}
/*----------------------*/
.partec{
	margin:0 auto;
	direction:ltr;
	position:absolute;
	left:30px;
	
	right:30px;
	height:500px;
	z-index:1;
	/*background-color:rgba(69,121,203,0.54);*/
}
.partecle{
						
	position:absolute;
	width:20px;
	height:20px;
	background-image:url(../conf-images/par.png);
	background-size:contain;	
	z-index:9999;
	
	
}
/*----------------------*/

.wraperr { /* parent element */
margin:0 auto;
	display: flex;
  justify-content:center;
  flex-wrap: wrap; 

 
}
.wraperr>a,.wraperr>div{

	margin:2px
	/*margin:5px;
	display:inline-block;*/
		
}

.thumbnail-cell{
	cursor:pointer;
	
	width:220px;
	height:220px;

	
	direction:rtl;
	font-weight:bold;

	
	text-align:right;
	background-color:#C7C7C7;
	

	
}
.thumbnail-cell img{
	position:absolute;
}
.thumbnail-cell-hover{
	
	position:absolute;
	background-color:rgba(0,0,0,0.61);
	border:solid #9A9A9A 2px;
	width:220px;
	height:220px;	
	margin-top:0px;
	margin-right:0px;
	opacity:0;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;	
}
.thumbnail-cell-hover2{
	width:180px;
	height:180px;	
	margin-top:18px;
	margin-right:18px;
	opacity:1;
}
.thumbnail-cell-text{
	position:absolute;
	font-size:14px !important;
	color:#fff;
	direction:ltr;
	margin-right:25px;
	margin-top:150px;
	opacity:0;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
	text-align:left;	
}
.thumbnail-cell-text2{
	margin-top:60px;
	opacity:1;
}


.thumbnail-cell3{
	cursor:pointer;
	
	width:220px;
	height:220px;

	
	direction:rtl;
	font-weight:bold;

	background:blue;
	text-align:right;
	background-color:#C7C7C7;
	

	
}
.thumbnail-cell3 img{
	position:absolute;
}
.thumbnail-cell-hover3{
	
	position:absolute;
	background-color:rgba(0,0,0,0.61);
	color:#fff;
	font-size:14px !important;
	width:210px;
	padding:5px;
		
	height:30px;
	margin-right:0px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;	
	
	text-overflow: ellipsis; /* will make [...] at the end */
    white-space: nowrap; /* paragraph to one line */
    overflow:hidden; /* older browsers */
}
.thumbnail-cell-hover3-2{
	
	height:210px;
	
	text-overflow: ellipsis;
    white-space:normal;
}
.thumbnail-cell-text3{
	position:absolute;
	font-size:14px !important;
	color:#fff;
	width:220px;
	height:40px;

	margin-top:180px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
	text-align:left;
	background-color:rgba(0,0,0,0.61);
}
.inner-link{
	
	display:inline-block;
	
	margin:0px;	
	padding:0px 10px 0px 10px;
	vertical-align:middle;
	line-height:40px;
	color:#f4bf18;
}
/*----------------------*/
.icon-header{
	text-align:center;
	font-size:40px;
	font-weight:bold;
	margin-bottom:20px;
}
.icon-header-line{
	width:70px;
	border-bottom:solid #000000 3px;
	margin:auto;
	display:inline-block;
	margin-left:35px;
	margin-right:35px;
	line-height:0;
}
.icon-header-icon{
	margin-top:-45px;
	margin-bottom:20px;
	height:35px;
	line-height:35px;
}
.about-item{
	width:30%;
	display:inline-block;
	vertical-align:text-top;	
}

.icon-header2{
	text-align:center;
	font-size:25px;
	font-weight:bold;
	
}
.icon-header-line2{
	width:100px;
	border-bottom:solid #f4bf18 3px;
	margin:auto;
	margin-top:10px;
}
.icon-header-icon2{
	margin-bottom:20px;
}
.about-item p{
	padding-left:50px;
	padding-right:50px;
	font-size:12px;
	color:#7E7E7E;	
}
.icon-header3{
	text-align:right;
	direction:rtl;
	font-size:30px;
	font-weight:bold;
	border-bottom:solid 2px #f4bf18;
	color:#0a3f5f;
	margin-bottom:20px;
}
.icon-header3 div{
	display:inline-block;
	vertical-align:top;
	
	line-height:60px;
}
.icon-header-icon3{
	line-height:60px;
	
}
/*---------------------------------*/
.socialfix{
	position:fixed;
	left:0;
	top:100px;
	background-color:rgba(0,0,0,0.58);	
	z-index:2000;
	border-radius:0 20px 20px 0;
	
}
.socialfix a,.foter a,.foter2 a{
	display:block;
	width:40px;
	height:40px;
	background-image:url(../conf-images/socialall-bw.png);
	margin:5px;	
	
}
.foter2 a,.foter a{
	display:inline-block !important;	
}
.foter a:hover,.socialfix a:hover,.foter2 a:hover{
	background-image:url(../conf-images/socialall.png);
}
.foter{
	background-color:#232323;
	text-align:center;
	margin-top:50px;
	padding-top:20px;
	
	
}
.copyright{
	width:100%;	
	color:#4B4B4B;
	font-size:12px;
	padding-bottom:20px;
}
.copyright a{
	display:inline-block;
}
.counted{
	
}
/*------------------------------------------------*/
.scheduleTab{
	display:inline-block;
	width:28%;
	cursor:pointer;
	border-radius:5px;
	text-align:center;
	color:#FFFFFF;
	font-size:30px;

	font-weight:bold;
	text-transform:uppercase;
	background-color:#474747;
	vertical-align: middle;
	min-height: 120px;
	padding: 2%;
}
.scheduleContent{
	margin-top:30px;

}
/*---------------------------------------------------*/
div[id*="page-id-1"]{
	order: 1;
	-webkit-order: 1;
}
div[id*="page-id-2"]{
	order: 2;
	-webkit-order: 2;
}
div[id*="page-id-3"]{
	order: 3;
	-webkit-order: 3;
}
div[id*="page-id-4"]{
	order: 4;
	-webkit-order: 4;
}
div[id*="page-id-5"]{
	order:5;
	-webkit-order: 5;
}
div[id*="page-id-6"]{
	order: 6;
	-webkit-order: 6;
}
div[id*="page-id-7"]{
	order: 7;
	-webkit-order: 7;
}
div[id*="page-id-8"]{
	order: 8;
	-webkit-order: 8;
}
div[id*="page-id-9"]{
	order: 9;
	-webkit-order: 9;
}
div[id*="page-id-10"]{
	order: 10;
	-webkit-order: 10;
}
div[id*="page-id-11"]{
	order: 11;
	-webkit-order: 11;
}
div[id*="page-id-12"]{
	order: 12;
	-webkit-order: 12;
}
div[id*="page-id-13"]{
	order: 13;
	-webkit-order: 13;
}
/*--------------------------------page numbers------*/
.pagerr{
	display:none;
 }
 
 .page-numbers{
	text-align:center;
	margin-top:10px; 
 }
 .num-page{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin:5px; 
	background-color:#ADADAD;
	font-weight:bold;
	font-size:20px;
	cursor:pointer;
	border:solid 2px #fff;
	color:#fff;
	border-radius:50%;
	-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
 }
/*--------------------------vote------------*/
.vote-dlg{
max-width:450px;
direction:rtl;
position:absolute;
left:0px;
top:160px;
color:#fff;
background-color:rgba(0,0,0,0.60);
padding:10px;
line-height:0px;
border-radius:0 20px 20px 0;	
z-index:1000;
}
.vote-dlg table{
	margin-top:20px;	
}
/*----------------------------site-name-----------------*/
.site-name-ar,.site-name-en{
	position:absolute;
	padding:20px;
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
	top:200px;
	width:300px;
	text-align:right;
	background-color:rgba(0,0,0,0.64);
	border-radius:0 20px 20px 0;
	z-index:100;
}
/*----------------------------mail form----------*/
#form-main{
	width:100%;
	float:left;
	padding-top:0px;
	margin-bottom:30px;
	
}

#form-div {
	background-color:rgba(72,72,72,0.4);
	padding-left:35px;
	padding-right:35px;
	padding-top:35px;
	padding-bottom:50px;
	width: 450px;
margin:0 auto;
	
  margin-top:30px;
  
	
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.feedback-input {
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid #FC0;
	color: #FC0;
	outline: none;
  padding: 13px 13px 13px 54px;
}

.focused{
	color:#FC0;
	border:#30aed6 solid 3px;
}

/* Icons ---------------------------------- */
#name{
	background-image: url(../conf-images/name.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#name:focus{
	background-image: url(../conf-images/name.svg);
	background-size: 30px 30px;
	background-position: 8px 5px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email{
	background-image: url(../conf-images/email.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email:focus{
	background-image: url(../conf-images/email.svg);
	background-size: 30px 30px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#comment{
	background-image: url(../conf-images/comment.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

#button-blue{
	
	float:left;
	width: 100%;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #FC0;
	color:white;
	font-size:24px;
	padding-top:22px;
	padding-bottom:22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}

#button-blue:hover{
	background-color: rgba(0,0,0,0);
	color: #FC0;
}
	
.submit:hover {
	color: #FC0;
}
	
.ease {
	width: 0px;
	height: 74px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}
#myCanvas{
	height:100%;
	max-width:100%;

}
.timerCount{
	direction:rtl;	
	position:absolute;
	margin-top:-120px;
}
.timerCount div{
	display:inline-block;
	font-size:30px;
	font-weight:bold;
	color:#FC0;
	text-align:center;
}
.period{
	color:#Fff !important;
	font-size:16px !important;
	font-weight:normal !important;	
}
/*--------------------------------------------------*/
.edit-record{
	width:20px;
	height:20px;
	background:red;
	position:absolute;
	z-index:1000;
}
@media only screen and (max-width: 580px) {
	#form-div{
		width: 350px !important;
	
	}
}
/*------------------------------------*/