@charset "UTF-8";

@font-face {
    font-family: "Open Sans Hebrew";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/osh/OpenSansHebrew-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans Hebrew Bold";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/osh/OpenSansHebrew-Bold.ttf") format("truetype");
}


@font-face {
    font-family: 'Alef Bold';
    src: url('fonts/alef/Alef-Bold.eot');
    src: url('fonts/alef/Alef-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/alef/Alef-Bold.woff') format('woff'),
         url('fonts/alef/Alef-Bold.ttf') format('truetype'),
         url('fonts/alef/Alef-Bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Alef Regular';
    src: url('fonts/alef/Alef-Regular.eot');
    src: url('fonts/alef/Alef-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/alef/Alef-Regular.woff') format('woff'),
         url('fonts/alef/Alef-Regular.ttf') format('truetype'),
         url('fonts/alef/Alef-Regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@import url(http://dl.dropboxusercontent.com/u/15746367/fonts/carmela/style.css);
@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css);






@font-face {
    font-family: "Rubik Hebrew Light";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/rubik/Rubik-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Rubik Hebrew";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/rubik/Rubik-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Rubik Hebrew Medium";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/rubik/Rubik-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Rubik Hebrew Bold";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/rubik/Rubik-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Rubik Hebrew Black";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/rubik/Rubik-Black.ttf") format("truetype");
}












html, body {font-family: "Alef Regular";direction: rtl; margin: 0;}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}











.DivAllBackStyle
{
	border: 0px solid #CACACA;
/*  	background: url(images/back.jpg) no-repeat right top #FFFFFF; */
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
	
}















.ContactTitle
 {
    color: #FFFFFF;
    font-size: 21px;
	line-height: 62px;
    font-family: "Open Sans Hebrew Bold";
}


.InputArea .InputSelectedEmpty, .InputSelectedEmpty
{

	background: #cb7261;
	color: #rgba(255, 255, 255, 0.05);
	border: 0px solid #D91E00;
}

.InputArea .InputSelectSelectedEmpty, .InputSelectSelectedEmpty
{
	background: url("images/hez_not_select.png") no-repeat scroll 5px 18px #cb7261;
	color: #rgba(255, 255, 255, 0.05);
	border: 0px solid #D91E00;
}















.EmailError
{
	margin-top: 8px;
	background: #999; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEBAA1', endColorstr='#FFFFFF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FEBAA1), to(#FFFFFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FEBAA1,  #FFFFFF); /* for firefox 3.6+ */ 

	border: 1px dashed #FF7D7D;
	color: #E63B38;
    font-family: "Rubik Hebrew Light",sans-serif, arial;
	font-size: 15px;
}

.EmailError ul li
{
	margin-top: 4px;
    margin-left: 15px;
    margin-right: 15px;
}

.EmailSent
{
	margin-top: 8px;
	color: #787878;
    font-size: 19px;
	text-align: center;
    margin-bottom: 42px;
}






/* --------------------------------------------------- Place Holder CSS --------------------------------------------- */





::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
  opacity: 0.7;
			transition: opacity 0.35s ease-in-out;
			-moz-transition: opacity 0.35s ease-in-out; /* Firefox 4 */
			-webkit-transition: opacity 0.35s ease-in-out; /* Safari and Chrome */
			-o-transition: opacity 0.35s ease-in-out; /* Opera */
}

:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 0;
			transition: opacity 0.35s ease-in-out;
			-moz-transition: opacity 0.35s ease-in-out; /* Firefox 4 */
			-webkit-transition: opacity 0.35s ease-in-out; /* Safari and Chrome */
			-o-transition: opacity 0.35s ease-in-out; /* Opera */
}



::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
  opacity: 0.7;
			transition: opacity 0.35s ease-in-out;
			-moz-transition: opacity 0.35s ease-in-out; /* Firefox 4 */
			-webkit-transition: opacity 0.35s ease-in-out; /* Safari and Chrome */
			-o-transition: opacity 0.35s ease-in-out; /* Opera */
}

:focus::-moz-placeholder { /* Firefox 19+ */
  opacity: 0;
			transition: opacity 0.35s ease-in-out;
			-moz-transition: opacity 0.35s ease-in-out; /* Firefox 4 */
			-webkit-transition: opacity 0.35s ease-in-out; /* Safari and Chrome */
			-o-transition: opacity 0.35s ease-in-out; /* Opera */
}




:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
  opacity: 0.85;
			transition: opacity 0.35s ease-in-out;
			-moz-transition: opacity 0.35s ease-in-out; /* Firefox 4 */
			-webkit-transition: opacity 0.35s ease-in-out; /* Safari and Chrome */
			-o-transition: opacity 0.35s ease-in-out; /* Opera */
}

:focus::-moz-placeholder { /* Firefox 19+ */
  opacity: 0;
			transition: opacity 0.35s ease-in-out;
			-moz-transition: opacity 0.35s ease-in-out; /* Firefox 4 */
			-webkit-transition: opacity 0.35s ease-in-out; /* Safari and Chrome */
			-o-transition: opacity 0.35s ease-in-out; /* Opera */
}





:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
  opacity: 0.7;
			transition: opacity 0.35s ease-in-out;
			-moz-transition: opacity 0.35s ease-in-out; /* Firefox 4 */
			-webkit-transition: opacity 0.35s ease-in-out; /* Safari and Chrome */
			-o-transition: opacity 0.35s ease-in-out; /* Opera */
}

:focus::-moz-placeholder { /* Firefox 19+ */
  opacity: 0;
			transition: opacity 0.35s ease-in-out;
			-moz-transition: opacity 0.35s ease-in-out; /* Firefox 4 */
			-webkit-transition: opacity 0.35s ease-in-out; /* Safari and Chrome */
			-o-transition: opacity 0.35s ease-in-out; /* Opera */
}









/* Custom Input Style */

.InputArea
{
	display: block;
	float: right;
    margin-bottom: 12px;
	width: 100%;
}





.InputArea input, .InputArea textarea
{
  padding-top: 0px;
  padding-right: 10px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
  border: 0px solid #ebebeb;
  height: 42px;
  line-height: 44px;
  width: 100%;
  display: block;
  clear: both;
  font-family: "Alef Regular";
  font-size: 16px;
  color: #FFFFFF;
  float: left;
  background-color: #a6937e;
  -webkit-appearance: none;
  -webkit-border-radius:0px; 
  border-radius:0px;
}

.InputArea textarea
{
  line-height: 24px;
  text-indent: 0px;
  padding: 10px;
}

.InputArea select, .InputSelectSelected
{
  font-size: 16px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
  border: 0px solid #ebebeb;
  height: 42px;
  padding: 10px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
  text-indent: 3px;
  width: 100%;
  display: block;
  clear: both;
  font-family: "Alef Regular";
  color: #ffffff;

   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   -webkit-border-radius:0px; 
   border-radius:0px;

  float: left;
  background: url("images/hez_select.png") no-repeat scroll 5px 18px #a6937e;

}

.InputAreaForPhone
{
    float: left;
    margin-left: 2%;
    width: 42%;
}

.InputAreaForPhone input
{
  padding-top: 0px;
  padding-right: 10px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
  border: 0px solid #ebebeb;
  height: 32px;
  line-height: 38px;
  width: 100%;
  display: block;
  clear: both;
  font-family: "Alef Regular";
  font-size: 16px;
  color: #FFFFFF;
  float: left;
  background-color: #a6937e;
  -webkit-appearance: none;
  -webkit-border-radius:0px; 
  border-radius:0px;
}

.InputArea textarea
{
  height: 100px;
}

.SubmitButten
{
    text-align: center;
}

.SubmitButten input
{
    border: 0px solid #00BDDA;
    color: white;
    cursor: pointer;
    font-size: 21px;
    height: 42px;
    width: 100%;
	font-family: "Open Sans Hebrew Bold";
    background: #152b50 url("images/butten_form_smart.png") no-repeat scroll center center;
	-webkit-appearance: none;
			transition: all 0.7s;
			-moz-transition: all 0.7s; /* Firefox 4 */
			-webkit-transition: all 0.7s; /* Safari and Chrome */
			-o-transition: all 0.7s; /* Opera */
			text-decoration: none;
    -webkit-appearance: none;
    -webkit-border-radius:0px; 
    border-radius:0px;
}
.SubmitButten input:hover
{
    background: #26406b url("images/butten_form_smart.png") no-repeat scroll center center;
			transition: all 0.7s;
			-moz-transition: all 0.7s; /* Firefox 4 */
			-webkit-transition: all 0.7s; /* Safari and Chrome */
			-o-transition: all 0.7s; /* Opera */
			text-decoration: none;
}
.InputArea input:hover, .InputArea textarea:hover, .InputArea select:hover
{
  outline: none;
  border-color: #012F4A;

}
.InputArea input:focus,  .InputArea textarea:focus, .InputArea select:focus
{
  outline: none;
  border-color: #60C4FF;
}


.InputAreaCheck
{
    color: #ffffff;
    font-family: "Rubik Hebrew Light";
    font-size: 16px;
    margin-bottom: 30px;
	margin-top: 10px;
}












.PhoneInputFeild{
    float: right;
    width:80%;
    /* make sure left/right margins or left/right padding are 0px here
            - it'll mess with the width otherwise*/
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
}

.PhoneZipFeild{
    float: right;
    width:20%;
    /* make sure left/right margins or left/right padding are 0px here
            - it'll mess with the width otherwise*/
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
}

.col1{
    margin-right:12px;
}

.clear{
    clear:both;
}

.colMobileSpacee{
    display: none;
}