body{
      background-image: url(images/sky.png);
      background-size:cover;
    overflow-x: hidden;
font-family: custom;
      direction: rtl;
      height:100vh;
  }

@font-face {
  font-family: aharoni;
  src: url('/aharoniclm-bold.ttf');
  src: url('/aharoniclm-book.ttf') format('truetype');

}
@font-face {
  font-family: alchemist;
  src: url('/AlchemistSquareBlack.ttf');


}
h1,h2,h3,h4,h5,h6,label{
    color:#5e5e5e;
    font-family:alchemist;
}
.container-fluid{
    /*background-image: url(images/newcity.png);*/
    background-size: contain;
    background-repeat: no-repeat;
}
.icon{
    vertical-align: unset;
}

.logo_fixed {
    position: fixed;
    left: 15%;
}

img.logo {
    width: 200px;
}
#myform{
    color: #000!important;
    margin:5%;
     position: absolute;
    z-index: 99999999;

}
.field-list-item.col-2 {
    display: inline-block;
}
#myform .label-field{
    display: block;
}
label {
    font-size: 13px;
}
.column-6  {
    width: 50%;
    float: right;
   
}
.column-12 input {
    width: 85%;
     height: 20px;
   
}
.column-6 input {
    height: 20px;
    width: 70%;
}
.field-list-item.column-6 {
    display: inline-block;
}

label.label-inline {
    display: block;
}
input {
    background-color: transparent;
    border: 1px solid #477594;
}
#button {
    width: 85%;
    height: 40px;
    background: -webkit-linear-gradient(#9dbaf0, #3869c1, #2155b6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#9dbaf0, #3869c1, #2155b6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#9dbaf0, #3869c1, #2155b6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#9dbaf0, #3869c1, #2155b6); /* Standard syntax (must be last) */
}

small, .small {
    font-family: aharoni;
    font-size: 100%; 
    font-weight: normal;
}
img.city {
    position: fixed;
    height: 80%;
    bottom: 0px;
    left: 0%;
}
/*MEDIA*/
@media screen and (min-width: 988px) and (max-width: 1300px) {
 #myform {
       background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.8)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.8)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.8)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, rgba(0,0,0,0), rgba(255,255,255,0.8)); /* Standard syntax (must be last) */
    background-color: rgba(255,255,255,0.8);
    margin: 10%;
    padding: 2%;
 }
    
}
@media screen and (min-width: 320px) and (max-width: 998px) {
 #myform {
     background-color: rgba(255,255,255,0.8);
    margin: 30% 0%;
    padding: 2%;
 }
    img.city {
        visibility:hidden;
   
}
}