@font-face{
    font-family:'Alef-bold';
    src:url('fonts/Alef-Bold.eot');
    src:url('fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Alef-Bold.woff') format('woff'),
         url('fonts/Alef-Bold.ttf') format('truetype'),
         url('fonts/Alef-Bold.svg#alefbold') format('svg');
    font-weight:bold;
    font-style:normal;
}
@font-face{
    font-family:'Alef-Regular';
    src:url('fonts/Alef-Regular.eot');
    src:url('fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Alef-Regular.woff') format('woff'),
         url('fonts/Alef-Regular.ttf') format('truetype'),
         url('fonts/Alef-Regular.svg#alefregular') format('svg');
    font-weight:normal;
    font-style:normal;
}
button{background:none;border:none;padding:0;margin:0;}
*{outline:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
a img{border:0;text-decoration:none;}
img, embed, object, iframe{max-width:100%;}
form, p{margin:0;padding:0;}
textarea{overflow:auto;resize:none;}
input[type="button"], input[type="submit"], input[type="image"], input[type="reset"], a, select, button{cursor:pointer;}
table{border-collapse:collapse;}
::-webkit-input-placeholder{color:#44525e;}
:-moz-placeholder{color:#44525e;}
input.error{border-color:red;color:red;}
label.error{color:red;}
.error::-webkit-input-placeholder{color:red;}
.error:-moz-placeholder{color:red;}
html {
	position: relative;
    min-height: 100%;
}
body {
	direction: rtl;
	margin: 0;
	font-family: Alef-Regular;
	font-size: 16px;
	background: #fff;
	margin: 0 0 53px;
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	min-height: 103px;
	width: 100%;
	border-bottom: 5px solid #45535e;
	background: #000000;
	z-index: 5;
	padding: 20px 30px 7px 30px;
}
.logoHref {
	display: block;
	float: left;
}
.logoImg {	
	width: 231px;
    height: 61px;
}
.headerphoneWrapper {
	background: #FFCD11;
	height: 40px;
	float: right;
	color: #000000;
	font-size: 20px;
	padding: 8px 20px 9px 20px;
	margin: 8px 42px 13px 20px;
}
.phoneSpan {
	float: right;
	margin: 0 0px 0 8px;
	direction: ltr;
}
.phoneWrapper {
	float: right;
}
.mobileHeaderPhone {
	display: block;
	float: right;
	text-decoration: none;
	color: #fff;
}
.mainBannerPicWrapper {
	position: relative;
	overflow: hidden;
	height: 496px;
}
.mainBannerPic {
	max-width: none;
	min-width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.container {
	width: 1240px;
	max-width: 100%;
	margin: 0 auto;
	text-align: right;
}
.content {
	min-height: 351px;
	padding: 47px 0 50px 0;
}
.contentHeader {
	text-align: center;
	font-size: 30px;
	font-family: Alef-Bold;
	color: #f8c812;
}
.contentText {
	font-size: 18px;
	color: #41535d;
	margin: 25px 0 0 0;
	padding: 0 30px;
	line-height: 26px;
}
.separator {
	height: 6px;
	width: 362px;
	max-width: 60%;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin: 21px auto 0 auto;
}
.contactHeader {
	    text-align: center;
    font-size: 20px;
    color: #000000;
    margin: 47px 0 27px 0;
    font-weight: bold;
}
.formRight {
	width: calc(100% - 122px);
	float: right;
}
.contactInputsWrapper {
	width: 25%;
	float: right;
	padding: 0 0px 9px 9px;
}
.contactInputs {
	height: 50px;
	width: 100%;
	border: 1px solid #dddddd;
	float: right;
	font-size: 16px;
	font-family: Alef-Regular;
	padding: 0 14px 0 0;
	color:#000000;
}
.formLeft {
	width: 122px;
	float: right;
}
.contactUsSubmit {
	float: right;
	height: 50px;
	background: #f8c812;
	color: #000000;
	border: none;
	width: 122px;
	font-size: 16px;
	font-weight: bold;
	font-family: Alef-Bold;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.contactUsSubmit:hover {
	background: #E0B309;
}
.clear {
	clear: both;
}
.footer {
	min-height: 53px;
	background: #f8c812;
	padding: 10px 0 12px 0;
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.details {
	color: #000000;
	border-left: 1px solid #54656e;
	padding: 0 20px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	float: right;
}
.details:last-child {
	border-left: none;
}
.details p {
	display: inline;
}
.footerIcons {
	margin: 0 0 0 12px;
	Vertical-Align: middle;
	display: inline-block;
}
.home {
	display: block;
	display: inline-block;
	line-height: 30px;
	float: right;
	color: #000000;
	padding: 0 20px;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.home:hover {
	color: #616161;
}
.homeIcon {
	margin: 0 0 0 10px;
	Vertical-Align: middle;
}
.onMobile {
	display: block;
}
.onPC {
	display: none;
}
.phoneMobile {
	display: none;
	text-decoration: none;
	color: #fff;
}
textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
.hideOnMobile{display:none;}
.newsletterChkbx p{display:inline;}
@media screen and (min-width:768px){
	.showOnMobile{display:none;}
	.hideOnMobile{display:block;}
}
@media screen and (max-width:1240px) {
	.container {padding:0 15px;}
	.contentHeader{margin: 20px 0px 0 0;}
}
@media screen and (max-width: 991px) {
	.contentText {font-size: 17px; padding: 0 100px;}
}
@media screen and (max-width: 767px) {
	.phonePC{display: none;}
	.phoneMobile{display: block;}
	.content {margin: 0 0 90px 0;}
	.contactInputsWrapper{width: 50%;}
	.formRight{width: 100%;}
	.contactUsSubmit{float: left; margin: 0 0 0 9px;}
	.details, .home{width: 50%; border: none;}
}
@media screen and (max-width:599px) {
.mainBannerPicWrapper {
    height: 260px;
    width: 100%;
    margin: 90px auto 30px;
}
	.contactInputsWrapper{width: 100%;}
}
@media screen and (max-width:479px) {
	.onMobile{display: none;}
	.onPC{display: block;}
	.headerphoneWrapper{display: none;}
	.logoHref{width: 100%; text-align: center;}
	.content {margin: 0 0 160px 0;}
	.contentText{padding: 0 20px;}
	.contactUsSubmit{width: 100%; margin: 0;}
	.details, .home{width: 100%;}
}