body{padding:0; margin:0; direction:rtl; font-family:almoni-tzar, Arial, Sans-serif; font-size:18px;}
  #header {height:140px; background:#fff; width:100%; border-bottom:3px #003350 solid; text-indent:-99999px;}
  #header-content {width:90%; max-width:100%; height:100%; margin: 0 auto; position:relative;}
  #logo {height:93px; width:95px; background:url('../images/donate/btslogo.png') no-repeat 0 0 / contain; display:block; position:absolute; left:10px; top:25px;}
  #title {height:72px; width:398px; background:url('../images/donate/btselem_needs_you.png') no-repeat 0 0 / contain; display:block; position:absolute; right:10px; top:35px;}
  #content { background: url('../images/donate/background.jpg');}
  /* #background {max-width: 1500px; background: url('../images/donate/cover.jpg') no-repeat  75% top / cover; min-height:500px; margin: 0 auto; max-height:751px;}*/
  #main, #footer-description {width:90%; max-width:100%; margin: 0 auto;}
    #footer-description-2 {   float: right;
    padding: 0;
    width: calc(100% - 450px);}
  #form {width: 400px; max-width:100%; float:left; margin: 60px 10px 20px;}
  #form-head {background: rgba(0, 32, 65, 0.4); padding:15px; color:#fff; font-size: 25px;}
  #progress {background: rgba(0, 32, 65, 1); padding:15px; color:#fff;}
  #form-content {min-height:100px; background:#fff; overflow:hidden;}
  fieldset {display:block; border:none; width:50%; box-sizing: border-box; margin:0; float:right;}
  fieldset legend {display:none;}
  #webform-component-amount--donation .option {background: #bbb none repeat scroll 0 0;
border-radius: 6px;
box-sizing: border-box;
display: block;
float: right;
font-size: 21px;
margin-bottom: 5px;
margin-left: 3%;
padding: 10px;
text-align: center;
cursor:pointer;
width: 30%;
transition: background 0.5s;}

 #webform-component-amount--donation .checked {background: #002041; color: #fff;}
#edit-submitted-amount-donation-other-wrapper {width:30%; float:left; margin-left:6%;}
#edit-submitted-amount-donation-other {width:100%;}
  #webform-component-amount--donation .option input{display:none;}
  #webform-client-form-131525 {width:200%; position:relative; transition: transform 0.75s ease-in-out;}
.form-checkboxes .option, #webform-component-amount--donation-location .option{
  background: url("../images/donate/checkbox.png") no-repeat right top;
  padding-right: 24px;
}.form-checkboxes .checked , #webform-component-amount--donation-location .checked{
  background: url("../images/donate/checkbox-selected.png") no-repeat right top;
}

.form-checkboxes input,  #webform-component-amount--donation-location input {display:none;}

.clearfix:after , .webform-client-form:after, #webform-component-amount--donation:after, #webform-component-amount--donation-location:after, #webform-component-amount--is-recurring:after{
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

#continue {background: #f00005 none repeat scroll 0 0;
border-radius: 5px;
color: #fff;
font-size: 26px;
font-weight: bold;
padding: 0;
text-align: center;
width: 125px;
float:left;
}

#nav {cursor:pointer;
 margin: 10px;
 float:left;
 width: 125px;
 height:44px;

}

#back { float:right; padding: 10px; display:none;}

#continue span { font-size: 37px;
font-weight: normal;
vertical-align: middle;}

#edit-actions {
float:left;
width:50%;
}

#edit-actions fieldset  {display:none;}

#edit-submit {
float:left;
border-radius: 5px;
color: #fff;
font-size: 26px;
font-weight: bold;
padding: 0;
text-align: center;
width: 200px;
cursor:pointer;
 margin: 0 10px 0 10px;
 background: #f00005 none repeat scroll 0 0;
 border:none;
 white-space: normal;
 font-family:almoni-tzar;}

 .step-2 {transform: translateX(50%);}

.webform-component-email label, .webform-component-textfield  label {
position: absolute;
transition: color 0.1s;
  color: #666666;
  font-family: almoni-tzar;
  font-size: 16px;
  padding: 5px;
}

label.fadeout {color: transparent;}

.form-text, select{
  border: 2px solid #aaa;
  border-radius: 5px;
  color: #666666;
  font-family: almoni-tzar;
  font-size: 16px;
  margin: 0 0 5px 5px;
  padding: 3px;
}

.webform-component-select label {display: none;}

#webform-component-amount--donation-location .form-radios .form-item, #webform-component-amount--donation-location label, #webform-component-amount--is-recurring label {float:right; margin-left: 3px;}

#webform-component-details .webform-component {
  float: right;
}

#webform-component-details>.webform-component-checkboxes>.form-item>label{
  display: none;
}

#footer-description {padding: 30px 10px 100px; width:850px;}

#footer-description div {
  float: right;
 width: 400px;
 font-size: 22px;
 color: #003350;
}
#footer-description-2 div {
  float: right;
 width: calc(50% - 25px);
 font-size: 22px;
 color: #003350;
 text-align:justify;
}
#column-a  {
  margin-left: 50px;
  }



.progress {
width: 90%;
margin: 20px auto 0;
text-align: center;
}
.progress .circle,
.progress .bar {
display: inline-block;
width: 40px; height: 40px;
border-radius: 40px;
border: 4px solid #fff;
}
.progress .bar {
position: relative;
width: 60px;
height: 5px;
top: -33px;
margin-left: -5px;
margin-right: -5px;
background: #fff;
border: none;
border-radius: 0;
}
.progress .circle .label {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 32px;
margin-top: 4px;
color: #fff;
font-size: 30px;
}
.progress .circle .title {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  position: relative;
  text-align: center;
  top: -67px;
}

.progress .circle.active .label {background: #fff;}

#webform-component-amount--currency-code {display:none;}

.webform-component  {margin-bottom:5px;}

#webform-component-amount--donation {margin-bottom:20px;}

@media screen and (max-width: 900px) {

#main, #footer-description, #header-content { width:100%; box-sizing:border-box;}
#footer-description div {width:90%; box-sizing: border-box; margin:0;}
#background {background:none;}
#title { width: 60%; height: 40px;}
#logo  { height: 65px; }
#header { height: 100px;}
#video {
  /*display: none;*/
  position: relative;
  width: 100% !important;
  height: 235px !important;
}
#footer-description-2, #footer-description-2 div {width:92%;}

}

#edit-submitted-amount-recurring-duration {display:none;}

#video {
	position: relative;
	padding-bottom: calc(56.25% - 253px); /* 16:9 */
	top: 60px;
	height: 0;
	width: calc(100% - 450px);
	float: right;
		margin-bottom:50px;
}

#video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}