@font-face {
font-family: 'meoded';
src: url('light.eot');
src: url('light.eot?#iefix') format('embedded-opentype'), url('light.woff') format('woff'), url('light.ttf') format('truetype'), url('light.svg#oe_meoded_pashut_prolight') format('svg');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'meoded';
src: url('regular.eot');
src: url('regular.eot?#iefix') format('embedded-opentype'), url('regular.woff') format('woff'), url('regular.ttf') format('truetype'), url('regular.svg#oe_meoded_pashut_prolight') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'meoded';
src: url('bold.eot');
src: url('bold.eot?#iefix') format('embedded-opentype'), url('bold.woff') format('woff'), url('bold.ttf') format('truetype'), url('bold.svg#oe_meoded_pashut_prolight') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'meoded';
src: url('black.eot');
src: url('black.eot?#iefix') format('embedded-opentype'), url('black.woff') format('woff'), url('black.ttf') format('truetype'), url('black.svg#oe_meoded_pashut_prolight') format('svg');
font-weight: 800;
font-style: normal;
}
* {box-sizing:border-box; margin:0 auto; padding:0; outline:0; border:0 none; -webkit-overflow-scrolling:touch;}
html {min-height:100%; font-size:20px;}
body {min-height:100%; text-align:center; direction:rtl; font-family:'meoded', 'Mada', sans-serif;}
a {text-decoration:none; color:inherit;}
a:hover {text-decoration:none; color:inherit;}
input, button {vertical-align:middle; font-family:inherit; font-size:1.2rem; padding:6px 15px 9px;}
img {max-width:100%;}
.full {width:100%;}
.nobr {white-space:nowrap;}
.m0 {margin:0 !important;}
.clr {clear:both;}
.fl {float:left;}
.fr {float:right;}
.l {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
.j {text-align: justify;}
.vmid {vertical-align:middle;}
.table {display:table;}
.tr {display:table-row;}
.td {display:table-cell;}
.f0 {font-size:0;}
.f1 {font-size:1rem;}
.flex {display:flex; justify-content:space-between; align-items:flex-start;}
.ar {font-family:'Mada', sans-serif;}
.he {font-family:'meoded', sans-serif;}
.rel {position:relative;}
.blue {color:#0f1278;}
.red {color:#bf0530;}
.light {font-weight:100;}
.wrap {max-width:1095px;}
.wrapper {max-width:780px;}
.btn {background-color:#bf0530; color:#fff; font-weight:700; cursor:pointer; white-space:nowrap;}
.rnd {border-radius:30px;}

header {display:table; width:100%; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,0.15);}
header .flex {align-items:center; max-width:840px;}
main {display:block; background:url('bg.webp') no-repeat 50% 100%; background-size:contain;}
footer {display:table; background-color:#0f1278; color:#fff;}
footer h5 {font-size:1.02rem; padding:15px 0; margin:15px auto 0;}
footer p {font-size:0.84rem;}
footer .clr {padding:30px; font-size:0.69rem;}
footer .fl {filter:invert(100%);}
footer .newsletter {border-bottom:1px solid #fff;}
footer .nl {width:100%; max-width:450px; background:#fff; overflow:hidden; margin:15px auto;}
footer .nl input {max-width:calc(100% - 141px;);}
footer .rel:before {content:' '; display:inline-block; position:absolute; top:0; left:0; width:36px; height:4px; background:#fff;}
h1 {font-size:1.2rem; font-weight:400;}
h2 {font-size:2.4rem; font-weight:800; padding:45px 0 0;}
h3 {font-size:1.8rem; font-weight:800; padding:0 0 45px;}
h4 {font-size:1.65rem; font-weight:800;}
h4 + h4 {font-size:1.5rem; padding:0 0 30px;}
i {font-style:normal; display:inline-block; padding:0 9px; transform:scale(-1, 1);}
i:before {content:'\244a';}
.pop {display:none; position:fixed; top:0; left:0; width:100%; padding:3vh 30px; background:rgba(255,255,255,0.75);}
.pop .table {height:96vh;}
.has-popup {overflow:hidden;}
.has-popup .pop {display:block;}
.pop .btn {min-width:210px;}
.box {background:#fff; padding:30px; box-shadow:0 0 15px rgba(0,0,0,0.15);}
.box label, .btm-img label {display:block; font-size:0.69rem; font-weight:700; padding:15px 0;}
.box input {background-color:#eff0f5;}
.frm .last {padding:30px 0 0;}
.cnt {padding:0 30px;}
.txt p {padding:0 0 15px; line-height:1.2rem; font-size:1rem;}
.btm-img .frm {max-width:450px; padding:30px 0;}
.btm-img input {border:1px solid #a1a1a1;}
.gal figure {padding:9px;}
.gal img {max-width:100%;}
::-webkit-scrollbar {width:6px; height:6px;}
::-webkit-scrollbar-track {background:#fff;}
::-webkit-scrollbar-thumb {background:#0f1278;}
::-webkit-scrollbar-thumb:hover {background:#bf0530;}

@-moz-document url-prefix(){ /* firefox */
* {scrollbar-color:#0f1278 #fff; scrollbar-width:thin;}
}

@media (max-width:1095px){
.gal figure {max-width:20%;}
.gal img {height:auto;}
.rel .box {max-width:calc(100% - 60px); position:relative; top:-60px;}
}

@media (min-width:1095px){
.top-img {min-height:calc(100vh - 105px);}
.rel .box {position:absolute; top:50%; left:24%; transform:translateX(-50%) translateY(-50%);}
}

@media (min-width:780px){
.mbl {display:none;}
header .logos {padding:0 15px;}
footer .ltr, .newsletter {padding:75px 0;}
.txt .m0 {max-width:46.5%; padding:60px 0;}
.box {padding:45px;}
.btm-img {min-height:60vh;}
.btm-img p {font-size:1.2rem;}
.btm-img .frm {padding:60px 0;}
.frm .btn {font-size:1.35rem; padding:9px 30px 12px; min-width:270px;}
.gal {padding:90px 0 150px;}
.gal figure {display:inline-block;}
}

@media (max-width:780px){
.dsk {display:none;}
html {font-size:15px;}
header {padding:9px 0; width:100%; overflow:hidden;}
header .flex {justify-content:center;}
footer {padding:15px 30px; width:100%;}
footer h5 {font-size:0.96rem;}
footer .nl {margin:15px auto 30px;}
footer .ltr {padding:30px 0 15px;}
footer .ltr figure {height:33px;}
footer .ltr img {max-width:99%; max-height:30px;}
footer .fl img {max-width:120px;}
footer .clr {padding:30px 0 0;}
footer .rel:before {width:21px; height:2px;}
footer .light {font-size:0.69rem;}
h2 {font-size:1.8rem;}
h3 {padding:0 0 15px;}
h4 + h4 {padding:0 0 6px;}
h1 {font-size:0.78rem; max-width:243px;}
h1 + .logos {min-width:84px;}
i {padding:0 3px;}
main {background-size:240%;}
.logo + .logos img {width:30px; height:30px;}
.logos img {max-width:42px; height:auto;}
.rel .box {top:-30px;}
.box.rnd {border-radius:9px;}
.box h4 {font-size:1.35rem;}
.box h4 + h4 {font-size:1.2rem;}
.cnt .flex {flex-wrap:wrap;}
.cnt .m0 {padding:0 0 30px;}
.gal figure {max-width:100%; padding:15px 30px 0;}
.btm-img {padding:0 30px 30px;}
.mbl-block {display:block;}
.box label, .btm-img label {font-size:0.75rem; padding:6px 0; font-weight:400;}
.frm .last {padding:15px 0 0;}
.frm .btn {min-width:150px;}
.nl input {max-width:calc(100% - 135px); width:100%;}
.nobr {overflow:hidden;}
}

@media (max-width:333px){
h1 {font-size:0.6rem;}
footer h5 {font-size:0.81rem;}
}