/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
            text-decoration: none;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
body{
  font-family: 'Assistant', sans-serif;
  font-weight: 400;
  direction: rtl;
}
.wrapper{
  background: #fff;
}
.container{
  height: calc(100vh);
  max-width: 1000px;
  margin:0 auto;
  padding: 0 15px;
  position: relative;
}
.logo {
    padding-top: 40px;
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 20px auto;
    max-width: 100%;
}
.inner-wrapper img {
    display: block;
    max-width: 100%;
    margin: 25px auto 0;
}
.inner-wrapper p {
    font-size: 24px;
    line-height: 32px;
}
.popup-form:hover {
    background: #2e3591;
    color: #fff;
}
.inner-wrapper{
  padding:0 0 50px;
}
.popup-form {
    background: #fff;
    color: #707070;
    font-weight: bold;
    font-size: 35px;
    padding: 5px 0;
    border-radius: 4px;
    display: block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 2px solid #707070;
    line-height: 47px;
    width: 220px;
    text-align: center;
    margin: 90px auto 20px;
}
#popup-form {
    display: none;
    width:980px;
}
#popup-form iframe{
    width:100%;
    height:560px;
}
/******************************Reponsive****************************************/
@media screen and (max-width:541px) {
.logo img{
    max-width: 100%;
}
.logo {
    padding-top: 0;
}
.inner-wrapper p {
    font-size: 20px;
    line-height: 26px;
}
.popup-form {
    width: 180px;
    margin: 50px auto 0px;
}
}