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

}

body{
	font-family: 'SpoilerRegular', Arial;		
}

.col-lg-4.left-text > p {width: 240px; padding-right:15px;}

ul {font-family: 'SpoilerRegular', Arial; line-height: 1.2; direction: rtl;}

#wrapper {max-width: 906px; background:url('imgs/reka.jpg') no-repeat center; height: 635px;}

.top-help {position: relative; top:30px; left: 20px;}
.top-help-houses {position: relative; top:20px; left: 25px;}
.left-text {position: relative; top:55px; right:30px; direction: rtl; font-size: 1.4em; font-weight: bold;}
.flah {position: absolute; top:470px; margin-left: 25px;}
.right-text {position: relative; top:95px; right:50px; float:right; direction: rtl; color: #fff; font-size: 1.5em; font-weight: bold;}
.right-shelet {background: url('imgs/shelet-reka.png') no-repeat center; width: 358px; height: 343px; position: absolute; top:60px; right: -40px; float: right;}
.center-text {direction: rtl; position: relative; right: 0px;}
.center-text-responsive {display: none;}
.center-text p {font-size: 12pt; text-align: center;}
.form {margin: 50px 80px 0 0;}
.center-text h1 {    color: #006db3;
    font-family: 'SpoilerRegular',Arial;
    font-size: 30pt;
    font-weight: bold;
    margin-right: -50px !important;
    margin-top: 60px;
    text-align: center;
    width: 300px;}
input, select, textarea {height: 20px; line-height: 1;  color: #000; font-size: 14pt;}
input[type="submit"] {height: 25px; width: 71px; float: left;margin-left: 70px; color:#fff; background: url('imgs/send-button.png') no-repeat; border: 0;}
.footer {background: #006db3; position: relative; height: 52px; top:-30px; z-index: 9999; direction: rtl; text-align: center;}
.footer p { color:#fff !important; font-size: 18pt; margin: 0; position: relative; top:-8px; font-weight: bold; padding: 0;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
#wrapper {max-width: 100%; background:#d6d7d8 no-repeat center; max-height: auto; height: auto;}
.header img {max-width: 90%; text-align: center; margin-bottom: 20px; border-bottom: none;}
.top-help {left: 10px;}
.top-help-houses { left: 15px;}
.left-text {position: static; width: 95%; text-align: center; }
.right-text {position: static; max-width: 100%; margin: 0; padding: 0; text-align: center; float: none; background-color: #006db3; }
.right-shelet { width: 95%; height: 343px; position: static;}
.flah {position: relative; top:-100px;}
.center-text {display: none;}
.center-text-responsive {display: block; direction: rtl; }
.center-text-responsive h1 {font-family: 'SpoilerRegular', Arial; font-size: 30pt; text-align: center; color:#006db3; font-weight: bold;}
.center-text-responsive p {margin: 0 0 10px ; font-size: 20pt !important; max-width: 90%; padding: 0 30px 0 10px; font-size: 12pt; text-align: center;}
.footer { position: static;text-align: right; display: block; height: auto;}
.footer p {font-size: 12pt; margin: 0; position: relative; top:-10px; font-weight: bold; padding: 0;}
.footer a {color: #fff !important;}
.form {margin: 50px 20px 0 0; }


input, select, textarea {width: 50%; line-height: 1;  color: #000;  font-size: 14pt;}
input[type="submit"] {height: 25px; width: 71px; float: none;margin-left: 0px !important; }
.mobile-req {margin-right: 30px; width: 100%; float: none;}

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
#wrapper {max-width: 100%; background:#d6d7d8 no-repeat center; max-height: auto; height: auto;}
.header {text-align: left;}
.header img {max-width: 90%; text-align: center; margin-bottom: 20px; border-bottom: none;}
.top-help {left: 10px;}
.top-help-houses { left: 15px; text-align: left;}
.left-text {position: static; width: 95%; text-align: center; }
.right-text {display: block; position: static; max-width: 100%; margin: 0; padding: 0; text-align: center; float: none; background-color: #006db3; }
.right-shelet {opacity: 1; display: block;}
.flah {position: relative; top:-100px;}
.center-text {display: none;}
.center-text-responsive {display: block; direction: rtl; }
.center-text-responsive h1 {font-family: 'SpoilerRegular', Arial; font-size: 30pt; text-align: center; color:#006db3; font-weight: bold;}
.center-text-responsive p {margin: 0 0 10px ; font-size: 20pt !important; max-width: 90%; padding: 0 30px 0 10px; font-size: 12pt; text-align: center;}
.footer { position: static;text-align: center; display: block; height: auto;}
.footer p {font-size: 12pt; margin: 0; position: relative; top:-10px; font-weight: bold; padding: 0;}
.footer a {color: #fff !important;}
.form {margin: 50px 20px 0 0; }

ul {text-align: center; max-width: 100%; margin: 0 auto; padding: 0;}
li {width: 100%; margin: 0 auto;}
input, select, textarea {width: 20%; line-height: 1;  color: #000;  font-size: 14pt;}
input[type="submit"] {height: 25px; width: 71px; float: none;margin-left: 0px !important; }
.mobile-req {margin-right: 30px; width: 100%; float: none;}
}