@font-face {
	font-family: ahron;
    src: url(./fonts/ahronbd.eot?) format('eot'), 
         url(./fonts/ahronbd.woff) format('woff'), 
         url(./fonts/ahronbd.ttf)  format('truetype');
}
@font-face {
	font-family: myriam;
    src: url(./fonts/miriam.eot?) format('eot'), 
         url(./fonts/miriam.woff) format('woff'), 
         url(./fonts/miriam.ttf)  format('truetype');
}
@font-face {
	font-family: FbPracticaNarrowRegular;
    src: url(./fonts/FbPracticaNarrowRegular.eot?) format('eot'), 
         url(./fonts/FbPracticaNarrowRegular.woff) format('woff'), 
         url(./fonts/FbPracticaNarrowRegular.ttf)  format('truetype');
}
*{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
html{
	direction: rtl;
	text-align: right;
}
.main-text-title{
	font-size: 50px;
	font-family: FbPracticaNarrowRegular;
}
.content-area{
	width: 1280px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.content-area img{
	z-index: 5;
    position: relative;
}
.main-text{
  position: absolute;
	top: 200px;
	left: 20px;
	z-index: 4;
}
.transparent-form{
	position: absolute;
top: 655px;
    left: 396px;
}
.transparent-button{
	display: block;
    width: 170px;
    height: 40px;
    background: unset;
   
    margin-top: -5px;
    border: none;
	
}
.transparent-input{
	background: unset; 
    border: unset;
    display: block;
   
   margin: 0 0 26px 0;
}
.header{
	background: url(./images/bg-top.png) repeat;
}
.form-container{
	margin: 50px auto;
	width: 500px;
}
.send-button{
	width: 100%;
	background: green;
}
.first-slide-block{
	width: 1000px;
	margin: 0 auto;
	
	height: 390px;
}
.second-strip{
	height: 560px;
	
	margin: 0 auto;
	background-image: url(images/ariza.png) ;
  background-repeat: no-repeat;
  background-color: #212d3a;
  background-attachment: fixed;
}
.clear{
	width: 1px;
	height: 1px;
}
.third-strip{
	height: 100px;
	background: black;

}
.title{
	font-size: 83px;
    font-family: ahron;
    width: 100%;
    text-align: center;
	color: #b8bbd8;
}
.footer-title{
color: #b8bbd8;
    font-size: 50px;
    font-family: ahron;
    width: 100%;
    text-align: center;
}

.content-image{
	width: 390px;
	
	vertical-align: top;
}
.strip-wrapper{
	width: 100%;
	overflow: hidden;
	
}
.dont-show-desktop{
	display: none;
}
@media only screen and (max-width: 1024px) {

  .content-area{
	width: 100%;
  }
}
@media only screen and (max-width: 480px) {
.desktop-image{
	width: 100%;
}
.transparent-input, .transparent-button{
	position: absolute;
	width: 200px;
    left: 0px;
}
.transparent-form{
	position: absolute;
top: 655px;
    left: 0px;
}
.dont-show-mobile{
	display: none;
}
.dont-show-desktop{
	display: block;
}
  .content-area{
	width: 100%;
  }
}