.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;


}
.info {
color: #00529B;
background-color: #BDE5F8;

}
.success {
color: #4F8A10;
background-color: #DFF2BF;

}
.warning {
color: #9F6000;
background-color: #FEEFB3;

}
.error {
color: #D8000C;
background-color: #FFBABA;

}


@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DroidNaskh-Regular.eot);
  src: url(../fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidNaskh-Regular.woff2) format('woff2'),
       url(../fonts/DroidNaskh-Regular.woff) format('woff'),
       url(../fonts/DroidNaskh-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/DroidNaskh-Bold.eot);
  src: url(../fonts/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidNaskh-Bold.woff2) format('woff2'),
       url(../fonts/DroidNaskh-Bold.woff) format('woff'),
       url(../fonts/DroidNaskh-Bold.ttf) format('truetype');
}

body{
	font-family: 'Droid Arabic Naskh';
}
.header{
	width:100%;
	border-bottom:2px #e2e2e2 solid;
	background-image:url('../img/head-bg.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	padding:20px 0;
	background-size:cover;
}
.header img{
	max-width:100%;
}
.banner{
	padding:27px 0;
	display:block;
}
.inner{
	padding:5px 20px;
}
h1,h2,h3,h4,h5,h6{
	color:#f18f11;
	font-weight:700;
}
p{
	font-size:20px;
	
}
hr{
	margin:40px 0;
	border-color:#f2f2f2;
}
form p{
	color:#9f9f9f;
}
.container.inner textarea{
	padding:15px;
	border:2px #e8e8e8 solid;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.05);
	box-shadow:inset 0 0 10px 0 rgba(0,0,0,.05);
	margin:10px 0;
	resize: none;
	font-size:20px;
}
.container.inner form input[type='file']{
	display:inline;

	max-width:100%;
}
.pad10{
	padding:10px 0;
}
.btn{
background-color: #f18f11;
    color: #fff;
    font-weight: bold;
}
.btn:hover{
	color:#f18f11;
	background-color:white;
}
.footer{
	width:100%;
	color:#fff;
	background-color:#2e2e2e;
	font-size:14px;
	text-align:center;
	padding:20px 0;
}


/* Bootstrap Extra Classes */
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}