* { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.clr { clear: both; height: 0; display: block; float: none; padding: 0; margin: 0; border: none; }

.ir { border: 0; text-indent: -999em; overflow: hidden; text-align: left; background-color: transparent; background-repeat: no-repeat; }
img, fieldset, input { border: none; outline: 0;}
a { display: block; text-decoration: none; border: none; outline: none; }
a:focus, :focus, {outline: none;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="checkbox"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: none; outline: 0;}
input[type="checkbox"]:focus {
    outline: none;
    -moz-outline-style: none;
    border: 0 none !important;
}

body {background: #ffffff; font-family: Arial,"Times New Roman", Helvetica, sans-serif; direction: rtl;}

.wrapper {width: 100%; max-width: 1920px; position: relative; overflow: hidden; height: 1080px; margin: 0 auto; background: url("../images/wrap-bg.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/wrap-bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/wrap-bg.jpg', sizingMethod='scale')";
}
.wrapper .top-wrapp {width: 100%; max-width: 1062px; margin: 0 auto; z-index: 1; position: relative;}
.wrapper .top-wrapp img {width: 100%;}
.wrapper .top-wrapp .mobile {display: none;}

.wrapper .middle {width: 100%; max-width: 1116px; margin: 0 auto; z-index: 2; position: relative;}
.wrapper .middle .right-box {position: absolute; right: 5px; top: -138px; z-index: 5;}
.wrapper .middle .left-box {float: left; width: 55%; top: -69px; padding: 83px 170px 35px 60px; background: #ffffff; position: relative; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.wrapper .middle .left-box .v-holder {float: right; width: 100%; text-align: center;}
.wrapper .middle .left-box .text-box {float: right; width: 100%; margin-bottom: 280px;}
.wrapper .middle .left-box .text-box h1.thank {float: right; width: 100%; margin-bottom: 15px; font-size: 70px; line-height: 70px; text-align: center; font-family: Arial, "Times New Roman", Helvetica, sans-serif;}
.wrapper .middle .left-box .text-box p {float: right; width: 100%; font-size: 24px; font-weight: bold; color: #02428e; text-align: center; font-family: Arial, "Times New Roman", Helvetica, sans-serif;}

.wrapper .middle .left-box h1 {float: right; width: 100%; font-size: 26px; line-height: 28px; font-weight: bold; color: #02428e;}
.wrapper .middle .left-box form {float: right; width: 100%; position: relative; margin: 35px 0 115px; z-index: 10;}
.wrapper .middle .left-box form .label-holder {float: right; width: 22%;}
.wrapper .middle .left-box form .label-holder label {float: right; width: 100%; color: #02428e; font-size: 24px; line-height: 22px; text-align: left; margin-bottom: 19px;}
.wrapper .middle .left-box form .input-holder {float: left; width: 76%;}
.wrapper .middle .left-box form .input-holder input {float: left; width: 100%; height: 22px; color: #02428e; font-size: 18px; border-bottom: 1px solid #2c61a1; font-family: Arial, "Times New Roman", Helvetica, sans-serif;}
.wrapper .middle .left-box form .input-holder input[type="file"] {border: 0;}
.wrapper .middle .left-box form .error {float: left; width: 100%; height: 14px; margin: 2px 0 3px; line-height: 14px; font-size: 14px; color: red;}
.wrapper .middle .left-box form .fileUpload {float: left; width: 76%; font-size: 22px; height: 41px; line-height: 33px; position: relative; margin-top: 5px; text-align: center; overflow: hidden; background: #b2b2b2; padding: 5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #ffffff;}
.wrapper .middle .left-box form .fileUpload input.file {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.wrapper .middle .left-box form .error-file {float: left; width: 76%; height: 14px; margin: 5px 0 40px; line-height: 14px; font-size: 14px; color: red;}
.wrapper .middle .left-box form button {float: left; width: 76%; height: 69px; line-height: 69px; font-size: 32px; font-weight: bold; background: #02428e; color: #ffffff; text-align: center; cursor: pointer; border: 0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-family: Arial, "Times New Roman", Helvetica, sans-serif;}
.wrapper .middle .left-box .mail-holder {float: left; margin-left: -30px;}
.wrapper .middle .left-box .mail-holder .mob {display: none;}

.wrapper .spinner-box {display: none; position: absolute; width: 100%; height: 100%; top: 0; right: 0; background: rgba(0, 0, 0, 0.6); z-index: 555; text-align: center;}
.wrapper .spinner-box img {position: relative; top: 20%;}

@media (max-width: 1366px){

}

@media (max-width: 1280px){

}

@media (max-width: 1107px){
    .wrapper .middle .left-box form .label-holder {width: 26%;}
    .wrapper .middle .left-box form .input-holder {width: 70%;}
}

@media (max-width: 980px){
    .wrapper .middle .right-box {right: -110px;}
    .wrapper .middle .left-box {padding: 83px 100px 35px 60px;}
}

@media (max-width: 870px){
    .wrapper {height: 883px;}
    .wrapper .middle .right-box img {width: 85%;}
    .wrapper .middle .left-box {padding: 83px 60px 35px 40px;}
    .wrapper .middle .left-box .text-box {margin-bottom: 228px;}
}

@media (max-width: 800px){
    .wrapper .middle .right-box img {width: 80%;}
    .wrapper .middle .left-box h1 {font-size: 23px;}
    .wrapper .middle .left-box .text-box {margin-bottom: 184px;}
}
@media (max-width: 768px){
    .wrapper .middle .right-box {display: none;}
    .wrapper .middle {padding: 0 15px;}
    .wrapper .middle .left-box {width: 100%; padding: 39px 40px 40px;}
    .wrapper .middle .left-box form .fileUpload input.file {width: 100%;}
    .wrapper .middle .left-box form .fileUpload {width: 100%;}
    .wrapper .middle .left-box form .error-file {width: 100%;}
    .wrapper .middle .left-box form button {width: 100%;}
    .wrapper .middle .left-box .mail-holder {float: left; width: 100%; text-align: center; margin: 0;}
    .wrapper .middle .left-box .mail-holder .desc {display: none;}
    .wrapper .middle .left-box .mail-holder .mob {display: inline-block;}
}
@media (max-width: 736px){
    .wrapper {height: auto;}
    .wrapper .top-wrapp .mobile {display: block;}
    .wrapper .top-wrapp .desc {display: none;}
    .wrapper .middle {padding: 0 25px; margin: -7% auto 0;}
    .wrapper .middle .left-box h1 {text-align: center; font-size: 5vw;}
    .wrapper .middle .left-box form .label-holder {width: 23%;}
    .wrapper .middle .left-box form .input-holder {width: 74%;}
    .wrapper .middle .left-box form .label-holder label {font-size: 3.6vw;}
    .wrapper .middle .left-box form .input-holder input {font-size: 2.8vw;}
    .wrapper .middle .left-box form .fileUpload {font-size: 3.2vw;}
    .wrapper .middle .left-box form .fileUpload input.file {height: 40px;}
    .wrapper .middle .left-box form button {font-size: 5vw;}
}
@media (max-width: 667px){

}
@media (max-width: 640px){

}
@media (max-width: 568px){

}
@media (max-width: 536px){
    .wrapper .middle {margin: -4% auto 0;}
    .wrapper .middle .left-box form {margin: 20px 0 80px;}
    .wrapper .middle .left-box form .label-holder label {font-size: 4.3vw;}
    .wrapper .middle .left-box form .input-holder input {font-size: 3.4vw;}
    .wrapper .middle .left-box form .fileUpload {font-size: 4.6vw; line-height: 29px;}
    .wrapper .middle .left-box .text-box h1.thank {font-size: 12vw;}
    .wrapper .middle .left-box .text-box p {font-size: 4.6vw;}
}
@media (max-width: 480px){
    .wrapper .middle .left-box form button {font-size: 6vw;}
}
@media (max-width: 425px){

}
@media (max-width: 414px){
    .wrapper .middle .left-box form {margin: 20px 0 60px;}
    .wrapper .middle {margin: 2% auto 0; padding: 0 10px;}
    .wrapper .middle .left-box {padding: 25px 20px 30px;}
    .wrapper .middle .left-box .mail-holder .mob {width: 80%;}
    .wrapper .middle .left-box form .label-holder label {font-size: 5vw;}
    .wrapper .middle .left-box form .input-holder input {font-size: 4.9vw;}
    .wrapper .middle .left-box form .fileUpload {font-size: 5.7vw;}
    .wrapper .middle .left-box .v-holder img {width: 22%;}
    .wrapper .middle .left-box .text-box h1.thank {line-height: 13vw;}
    .wrapper .middle .left-box .text-box {margin-bottom: 105px;}
}
@media (max-width: 375px){

}
@media (max-width: 360px){

}
@media (max-width: 320px){

}