@charset "UTF-8";

@font-face { font-family: droidBold; src: url('../fonts/droidkufi-bold.woff2?ver=0.30') format('woff2'),url('../fonts/droidkufi-bold.woff?ver=0.30') format('woff'); font-style: normal; font-weight: 400; font-display: swap }
@font-face { font-family: droidLight; src: url('../fonts/droidkufi-regular.woff2?ver=0.30') format('woff2'),url('../fonts/droidkufi-regular.woff?ver=0.30') format('woff'); font-style: normal; font-weight: 400; font-display: swap }
@font-face { font-family: CenturyGothicLight; src: url('../fonts/CenturyGothicLight.woff2?ver=0.30') format('woff2'),url('../fonts/CenturyGothicLight.woff?ver=0.30') format('woff'); font-style: normal; font-weight: 400; font-display: swap }
@font-face { font-family: CenturyGothicBold; src: url('../fonts/CenturyGothicBold.woff2?ver=0.30') format('woff2'),url('../fonts/CenturyGothicBold.woff?ver=0.30') format('woff'); font-style: normal; font-weight: 400; font-display: swap }
@font-face { font-family: ykLight; src: url('../fonts/YK-Regular.woff2?ver=0.30') format('woff2'),url('../fonts/YK-Regular.woff?ver=0.30') format('woff'); font-style: normal; font-weight: 400; font-display: swap }
@font-face { font-family: ykBold; src: url('../fonts/YK-Bold.woff2?ver=0.30') format('woff2'),url('../fonts/YK-Bold.woff?ver=0.30') format('woff'); font-style: normal; font-weight: 400; font-display: swap }
@font-face { font-family: BebasNeueBold; src: url('../fonts/BebasNeueBold.woff2?ver=0.30') format('woff2'),url('../fonts/BebasNeueBold.woff?ver=0.30') format('woff'); font-style: normal; font-weight: 400; font-display: swap }
@font-face { font-family: ykIcons; src: url('../fonts/ykicons.woff2?ver=0.31') format('woff2'),url('../fonts/ykicons.woff?ver=0.31') format('woff'); font-style: normal; font-weight: 400; font-display: swap }


* { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); -ms-tap-highlight-color: rgba(0,0,0,0); -o-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; }
a { text-decoration: none; color: #000; }
button { border: none; outline: none }
a, button { transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; cursor: pointer; }
    a p { cursor: pointer !important }
h1, h2, h3, p, ul, li { direction: rtl; text-align: right; margin: 0; font-weight: normal }
p { direction: rtl; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
body { width: 100%; margin: 0 auto; min-width: 320px; max-width: 100%; overflow-x: hidden !important; overflow-y: scroll !important; direction: rtl; font-family: droidLight, Arial; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }

.clear, .clr { clear: both; float: none; line-height: 0 }
::-moz-selection { background: #2c2c2c; color: #fff; text-shadow: none; }
::selection { background: #2c2c2c; color: #fff; text-shadow: none; }


/********** Error Page **********/
.errorPageDiv .content-wrap { padding: 0 }
.errorPageDiv .content { padding: 0 }
.errorPage { display: inline-block; width: 100%; float: right; background: url(../Images/404Bg.jpg) no-repeat center center #fff; height: 600px; position: absolute; background-size: 40%; margin-bottom: 0; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.errorPage h2 { display: inline-block; width: 100%; text-align: center; font-family: droidBold, Arial; font-size: 34px; color: #000 }
.errorPage p { display: inline-block; width: 100%; text-align: center; font-family: droidLight, Arial; font-size: 20px; color: #0277bd; padding: 0 10px }
.errorPage .btns { width: 420px; height: 50px; display: inline-block; float: right; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%) }
.errorPage .btns a { float: right; display: inline-block; width: 200px; height: 50px; margin-left: 20px; background: #000; font-family: droidLight, Arial; font-size: 16px; color: #fff; text-align: center; line-height:50px; }
.errorPage .btns a:last-child { margin-left: 0; background: #0277bd }


@media screen and (min-width: 320px) and (max-width: 767px) {
    .errorPage{height:400px;background-size: 90%;}
    .errorPage h2{font-size:30px}

    .errorPage .btns{width:300px;height:40px}
    .errorPage .btns a{width:145px;height:40px;margin-left:10px;font-size:13px;line-height:40px}
}