@font-face {
  font-family: 'OronLight-Regular';
  src: url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/oronlight-regular_mfw.woff') format('woff'), url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/OronLight-Regular_MFW.svg') format('svg'), url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/OronLight-Regular_MFW.ttf') format('truetype');
}
@font-face {
  font-family: 'Oron-Medium';
  src: url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Oron-Medium_MFW.woff') format('woff'), url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Oron-Medium_MFW.eot') format('embedded-opentype'), url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Oron-Medium_MFW.svg') format('svg'), url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Oron-Medium_MFW.ttf') format('truetype');
}
@font-face {
  font-family: 'Oron-Bold';
  src: url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Oron-Bold_MFW.woff') format('woff'), url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Oron-Bold_MFW.eot') format('embedded-opentype'), url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Oron-Bold_MFW.svg') format('svg'), url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Oron-Bold_MFW.ttf') format('truetype');
}
@font-face {
  font-family: 'partner-regular';
  src: url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Partner-Regular_gdi.woff') format('woff'), url('https://www.partner.co.il/globalassets/leadshmartaf/mybeat/fonts/Partner-Regular_gdi.eot') format('embedded-opentype');
}
@font-face {
  font-family: 'partner-light';
  src: url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Partner-Light_gdi.woff') format('woff'), url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Partner-Light_gdi.eot') format('embedded-opentype');
}
@font-face {
  font-family: 'partner-bold';
  src: url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Partner-Bold_gdi.woff') format('woff'), url('https://www.partner.co.il/globalassets/global/leadshmartaf/fonts/Partner-Bold_gdi.eot') format('embedded-opentype');
}

#noService {
    font-family: 'partner-regular', 'OronLight-Regular', arial;
    text-align: center;
    width: 100%;
    margin: 0 auto 0 auto;
    background: #efefef;
}

#noService .success, #noService .error-message {
    width: 100%;
    max-width: 640px;
    text-align: center;
    font-size: 7vw;
    margin: 20% auto 20% auto;
}

#noService .success h2, #noService .error-message h2 {
    margin: 0 auto;
    font-size: 9vw;
}

#noService .success img, #noService .error-message img {
    width: 70px;
    display: block;
    margin: 0.5em auto;
}

#noService .success a, #noService .error-message a {
    color: #1a8076;
    text-decoration: none;
}

#noService .wrapper, #noService .wrapper-m {
    direction: rtl;
    font-size: 3vw; 
    width: 90%;
    margin: 1.5em auto 1.5em auto;
    display: inline-block;
    /*background: #2dd5c4;*/
}

#noService .wrapper .form-box, #noService .wrapper-m .form-box {
    width: 100%;
    margin: 0 auto;
}

#noService .wrapper .form-box img.side-img, #noService .wrapper-m .form-box img.side-img {
    display: inline-block;
    width: 40%;
    margin-right: 1.4%;
}

#noService .wrapper .form-box img.side-img-m, #noService .wrapper-m .form-box img.side-img-m {
    display: none;
}

#noService .wrapper .form-box .formContent, #noService .wrapper-m .form-box .formContent {
    margin: 0 auto;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-size: 1.6em;
    font-weight: normal;
}

#noService .wrapper .form-box .formContent h2, #noService .wrapper-m .form-box .formContent h2 {
    margin: 0;
    padding: 2% 0 5% 0;
    text-align: center;
    font-size: 1.2em;
    font-family: 'Oron-bold';
    background: #efefef;
}

#noService .wrapper .form-box .formContent p, #noService .wrapper-m .form-box .formContent p {
    margin: 5% auto 0 auto;
}

#noService .wrapper .form-box .formContent .form, #noService .wrapper-m .form-box .formContent .form {
    width: 100%;
    padding: 0 0 5% 0;
    display: inline-block;
    background: #2dd5c4;
}

#noService .wrapper .form-box .formContent .form .field-group, #noService .wrapper-m .form-box .formContent .form .field-group {
    margin: 0.5em auto 0 auto;
    width: 90%;
}

#noService .wrapper .form-box .formContent .form label, #noService .wrapper-m .form-box .formContent .form label {
    font-size: 6vw;
    display: block;
    text-align: right;
    font-family: 'Oron-Medium';
}

#noService .wrapper .form-box .formContent .form input,
#noService .wrapper-m .form-box .formContent .form input,
#noService .wrapper .form-box .formContent .form select,
#noService .wrapper-m .form-box .formContent .form select {
    width: 100%;
    font-size: 1.2em;
    padding:0.5em 0.2em 0.5em 0.2em;
    border: 1px solid;
    box-sizing: border-box;
    margin: 0.4em 0 0 0;
}

#noService .wrapper .form-box .formContent .form .input-error, #noService .wrapper-m .form-box .formContent .form .input-error {
    border: 1px solid red;
}

#noService .wrapper .form-box .formContent .form .error-message, #noService .wrapper-m .form-box .formContent .form .error-message {
    color: red;
    font-size: 0.62em;
    float: right;
    text-align: right;
    margin: 0.5em auto;
}

#noService .wrapper .form-box .formContent .form select, #noService .wrapper-m .form-box .formContent .form select {
    background: transparent;
    width: 100%;
    display: block;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

#noService .wrapper .form-box .formContent .form input:focus,
#noService .wrapper-m .form-box .formContent .form input:focus,
#noService .wrapper .form-box .formContent .form select:focus,
#noService .wrapper-m .form-box .formContent .form select:focus {
    outline: none;
}

#noService .wrapper .form-box .formContent .form .coustom-select, #noService .wrapper-m .form-box .formContent .form .coustom-select {
    width: 97%;
    overflow: hidden;
    background: url('../imgs/arrow_down.png') no-repeat left center white;
    background-position: 5%;
    border: 1px solid black;
}

#noService .wrapper .form-box .formContent .form .btn, #noService .wrapper-m .form-box .formContent .form .btn {
    display: inline-block;
    margin: 6% 0 0 0;
    padding: 2% 0 2% 0;
    background: #000000;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    width: 90%;
    /*float: left;*/
}

#noService .wrapper .form-box .formContent .form .btn:hover, #noService .wrapper-m .form-box .formContent .form .btn:hover {
  /*background-color: #aaddd7;*/
}

.clearfix {
    clear: both;
}

.wrapper-m h1 {
    font-size: 2em;
    margin: 0.3em;
}