/*** Fonts **
@import url('https://fonts.googleapis.com/css?family=Oswald:200,400,600');
@import url('https://fonts.googleapis.com/css?family=Cairo');*/

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Regular.woff2') format('woff2'),
        url('../fonts/Cairo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'), url(../fonts/Oswald-SemiBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
    font-family: 'GE Flow';
    src: url('../fonts/ar/GE-Flow/GE_Flow.eot');
    src: url('../fonts/ar/GE-Flow/GE_Flow.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ar/GE-Flow/GE_Flow.woff2') format('woff2'),
        url('../fonts/ar/GE-Flow/GE_Flow.woff') format('woff'),
        url('../fonts/ar/GE-Flow/GE_Flow.ttf') format('truetype'),
        url('../fonts/ar/GE-Flow/GE_Flow.svg#GE_Flow') format('svg');
    font-weight: normal;
    font-style: normal;
}




/*** Standerd Global CSS ***/
html {padding: 0; margin: 0; direction: rtl}
body {padding: 0; margin: 0 auto; font: 200 .93rem 'Cairo'; color: #555555;}

/* Backgroun Colors */
.white-color {background: #ffffff}
.offWhite-color {background: #f6f6f6}
.whiteGray-color {background: #e5e5e5}
.gray-color {background: #cccccc}
.babyBlue-color {background: #00bcf5}
.blue-color {background: #003284}
.orange-color {background: #ffbd00}

/* images style */
/*img {max-width: 100%; height: auto}*/

.clear {clear: both;}

.zindex-1 {z-index: -1}
.zindex0 {z-index: 0}
.zindex1 {z-index: 1}


a, button {text-decoration: none !important; cursor: pointer; transition: ease 0.2s; -moz-transition: ease 0.2s; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; -ms-transition: ease 0.3s;}

/* Button Styles */
.btn {font-family: 'GE Flow'; border-radius: 0;}
.btn-primary {background-color: #002f8a; font-size: 1.1rem; color: #ffffff; font-weight: 200; padding: 8px 22px; border: none; transition: ease 0.3s; -moz-transition: ease 0.3s; -webkit-transition: ease 0.3s; -o-transition: ease 0.3s; -ms-transition: ease 0.3s}
.btn-primary:hover {background-color: #f6b100; color: #002f8a; box-shadow: none !important;}
.btn-center {display: table; margin: auto;}
.btn-left {float: left;}
.btn-rounded {border-radius: 25px;}

/* Titles Styles */
h1 {font-size: 2rem;}
h2 {font-size: 1.3rem;}
h3 {font-size: 1rem;}
h4 {font-size: .90rem;}
h5 {font-size: .85rem;}
h6 {font-size: .80rem;}

h1, h2, h3, h4, h5, h6 {position: relative; padding: 0; margin: 0; font-family: 'GE Flow'}
h1.center, h2.center, h3.center {display: table; margin-right: auto; margin-left: auto; text-align: center;}
h1 {color: #0143b0; height: 30px; padding: 0; margin: 0 0 20px 0;}
h1.blue {color: #0143b0;}
h1.darkBlue {color: #002663;}
h1.white {color: #ffffff;}
h1.whiteBG {display: table; background: #ffffff; padding: 0 40px;}
h1.orangeRUnderline::after {content: ''; position: absolute; width: 40px; height: 3px; bottom: -10px; right: 0; background: #f8b800;}
h1.orangeLline::before, h1.orangeUnderline::after, h1.blueUnderline::after, h1.whiteUnderline::after {content: ''; position: relative; display: block; width: 40px; height: 0.25rem; z-index: 2;}
h1.orangeLline::before {background: #f6b100; position: absolute; left: -60px; bottom: 1.15rem;}
h1.orangeUnderline::after {background: #f6b100; margin: 10px auto 0 auto;}
h1.blueUnderline::after {background: #00184a; margin: 10px auto 0 auto;}
h1.whiteUnderline::after {background: #ffffff; margin: 10px auto 0 auto;}

h2 {margin-bottom: 15px; color: #f8b800;}
h2.blue {color: #0143b0;}
h2.whiteBG {display: table; background: #ffffff; padding: 0 20px;}
h2.orangeLline::before, h2.orangeUnderline::after, h2.whiteUnderline::after {content: ''; position: relative; display: table; width: 50px; height: 0.25rem; z-index: 1;}
h2.orangeLline::before {background: #f6b100; position: absolute; left: -50px; bottom: .56rem; z-index: 0;}
h2.orangeUnderline::after {background: #f6b100; margin: 10px auto 0 auto;}
h2.whiteUnderline::after {background: #ffffff; margin: 10px auto 0 auto;}

h3, h4, h5, h6 {color: #00184a; margin-bottom: 10px;}

p {text-align: justify; line-height: 1.65rem;}
p.text-center-justify {text-align: justify; text-align-last: center;}

ul, li {padding: 0; margin: 0; list-style: none}

/** Section Styles **/
section {position: relative; width: 100%; height: auto; padding: 80px 0;}

@media (max-width: 991px){
    h1 {font-size: 1.7rem;}
    section {padding: 40px 0;}
}
/*** End Standerd Global CSS ***/

/*** Header Top Bar Styles ***/
.topLimks-container {width: 100%; background: #e8eff8; min-height: 50px; padding: 5px 0;}

/* Top Social Media Styles */
.topSocialMediaContainer a.language {display: none;}
a.topSocialMedia {display: inline-block; width: 28px; height: 28px; border-radius: 50%; padding: 1px 0 0 0; margin: 7px 3px; opacity: 0.7; color: #e8eff8; font-size: 14px; text-align: center;}
a.topSocialMedia:hover {opacity: 1;}
a.facebook {background-color: #00257c}
a.twitter {background-color: #0099ff}
a.youtube {background-color: #bd0100}
/* Top Short Links Styles */
a.toplinks {color: #002055; font-size: .58rem; display: inline-table; padding: 12px 5px; margin: 0 auto;}
a.toplinks:hover {color: #f4b000}
/* Language Styles */
.topLanguageContainer {text-align: left;}
a.language {display: inline-block; background-color: #002f7c; width: 28px; height: 28px; border-radius: 50%; padding: 5px 0 0 0; margin: 7px 3px; font-family: 'Oswald'; font-size: .8rem; font-weight: 600; color: #e8eff8; text-align: center;}
a.language:hover {background-color: #f8b800; color:#002055;}

/*- Mobile View Style -*/
@media (max-width: 767px){
    .topSocialMediaContainer {text-align: center;}
    .topSocialMediaContainer a.language {display: inline-block;}
    .topSocialMediaContainer a.toplinks {display: none;}
    .topLanguageContainer {display: none;}
    .topLinksMobileView a.toplinks {display: inline-block; font-size: .65rem; font-weight: 400;}
}
@media (min-width: 768px){
    .topLinksMobileView a.toplinks {display: none;}
}
/*** End Header Top Bar Styles ***/

/*** Logo Styles ***/
.logoContainer {position: relative; width: 100%; margin-bottom: -207px;}
.logo {position: relative; display: table; margin: 0 auto; padding: 0; max-width: 100%; top: -25px;}
.logo img, .logoMobileView img {border:none; padding: 0; margin: 0 auto; width: 100%; max-width: 366px; height: auto;}
.logoMobileView {display: none; position: relative; width: 100%; margin: 5px 0;}
.logoMobileView img {max-width: 190px;}
/*- mobile View Style -*/
@media (min-width: 768px) and (max-width: 1023px){
    .logoContainer {margin-bottom: -170px;}
    .logo {top: -21px;}
    .logo img {max-width: 300px;}
}
@media screen and (max-width: 767px){
    .logoContainer {display: none}
    .logoMobileView {display: block;}
    .main-header-bg {display: none;}
}
/*** End Logo Styles ***/

/*** End Header BG Styles ***/
.main-header-bg {clear: both; width: 100%; padding: 0; margin: 0;}
.main-header-bg img {width: 100%; height: auto; max-height: 400px; padding: 0; margin: 0;}
/*** End Header BG Styles ***/

/*** About Section Styles ***/
.aboutSection {position: relative; background: #f2f2f2;}
.aboutPic {position: relative; display: block; width: 100%; max-width: 360px; height: 420px; background-position: center top; background-size: cover; margin-top: 40px; margin-right: 40px; margin-bottom: 40px;}
.aboutPic::before {content: ''; position: absolute; width: 100%; height: 500px; background: #0040a9; top: -40px; right: -40px; z-index: -2;}
.aboutPic::after {content: ''; position: absolute; width: 100%; height: 220px; bottom: -40px; right: -40px; border-top: 240px #0040a9 solid; border-right: 350px #ffbd00 solid; z-index: -1;}
.aboutSection h1 {margin-right: 40px; margin-top: 40px;}
.aboutSection p {padding-right: 40px;}


/*- Mobile View Style -*/
@media (max-width: 575px){
    .aboutPic {margin-bottom: 0;}
    .aboutPic::before, .aboutPic::after {visibility: hidden;}
}
@media (min-width: 576px) and (max-width: 767px){
    .aboutPic::after {border-right-width: 360px;}
}
@media (max-width: 767px){
    .aboutPic {display: table; margin-right: auto; margin-left: auto;}
    .aboutSection h1 {margin-right: 0;}
    .aboutSection p {padding-right: 0;}
}
@media (min-width: 768px) and (max-width: 991px){
    .aboutPic::after {border-right-width: 210px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .aboutPic::after {border-right-width: 290px;}
}
/* Modal Container Styles */
.modal-open .modal {background: rgba(0,20,50,.7);}
.modalContainer .modal-dialog {max-width: 90%; margin: 3rem auto;}
.modalContainer .modal-content {border: 1px solid rgba(0,0,0,.3); border-radius: 1rem; box-shadow: 0 0 10px rgba(0,0,0,.5);}
.modalContainer .modal-header {border: 0; padding: .7rem 1.5rem .1rem;}
.modalContainer .modal-body {padding: 1rem 1.5rem;}
.modalContainer .modal-body .content {max-height: 200px; overflow: hidden; margin-right: 10px; margin-bottom: 10px;}
.modalContainer .modal-body h2 {font-size: 1.2rem; color: #0143b0;}
.modalContainer .modal-body h2::after {content:''; display: block; width: 40px; height: 2px; background: #f6b100; margin: 7px 0 10px 0; border-right: #003791 20px solid;}
.modalContainer .modal-body h3 {font-size: 1.1rem; color: #f6b100;}
.modalContainer .modal-footer {padding: .2rem 1.5rem 1.5rem; border: 0;}
.modalContainer .btn-primary {border-radius: 1rem; color: #ffffff; background: #0143b0;}
.modalContainer .btn-primary:hover, .modalContainer .btn-primary:focus {background: #f6b100;}
/*** End About Section Styles ***/

/*** Menu Sections Style ***/
.menuSectionsBg {background: url('../img/mega-menu-bg.jpg') center top no-repeat; background-size: cover;}
.menuContainer {/*position: relative; width: 100%;*/}
.menuContainer li {/*position: relative; border: 2px #cccccc solid;*/}
.menuContainer button {position: relative; display: table; width: 100%; height: 240px; background: rgba(0,26,69,.25); font: normal normal 1.35rem 'GE Flow'; text-align: center; color: white !important; margin: 0 auto 30px; padding: 20px;}
.menuContainer button::after {content: ''; position: absolute; }
.menuContainer button:hover, .menuContainer button:focus {background: #ffc51e; color: #001a45 !important;}
.menuContainer button i {display: block; width: 100%; height: 112px; margin: 20px auto 10px; background: center 0 no-repeat;}
.menuContainer button i.icon-down-dir-1 {display: none; position: absolute; right: 0; bottom: -55px; width: 100%; height: auto; color: #ffc51e; font-size: 3.5rem; padding: 0; margin: 0 auto;}
.menuContainer button:hover i.icon-down-dir-1, .menuContainer button:focus i.icon-down-dir-1 {display: block;}
.menuContainer button:hover i, .menuContainer button:focus i {background: center -112px no-repeat;}
.menuContainer button i.icon-passport {background-image: url(../img/icons/passport.png);}
.menuContainer button i.icon-immigration {background-image: url(../img/icons/immigration.png);}
.menuContainer button i.icon-nationality {background-image: url(../img/icons/nationality.png);}
.menuContainer button i.icon-accommodation {background-image: url(../img/icons/accommodation.png);}
.menuContainer button i.icon-foreigners {background-image: url(../img/icons/foreigners.png);}
.menuContainer button i.icon-certificates {background-image: url(../img/icons/certificates.png);}

/*************/
.menuSectionsBg .col-md-4, .menuSectionsBg .dropdown {position:inherit;}
.menuContainer .dropdown-menu {transform: translate3d(0, 333px, 0px) !important; background:none; border: 0; border-radius: 0; width: 100%;}
.menuContainer .dropdown-menu2 {transform: translate3d(0, 603px, 0px) !important;}
.menuContainer .dropdown-menu .dropdown-menu-inner {background: #ffffff; padding: 20px; margin-bottom: 10px; box-shadow: 0 0px 10px rgba(0,0,0,.25);}
.menuContainer .dropdown-item {background: #dadfe6; color: #002b72; padding: 3px 15px; margin: 5px 0; font-size: .85rem; white-space: normal;}
.menuContainer .dropdown-item i {color: #003a9b; font-size: .8rem; margin-left: 5px;}
.menuContainer .dropdown-item:hover {background: #ffc51e; color: #001a45;}
.menuContainer .dropdown-item:hover i {color: #001a45;}

/*-- Mobile Styles --*/
@media (max-width: 991px){
.menuContainer .dropdown-menu {transform: translate3d(0, 293px, 0px) !important; background:none;}
.menuContainer .dropdown-menu2 {transform: translate3d(0, 563px, 0px) !important;}
}
@media (max-width: 767px){
.menuContainer .dropdown-menu {transform: inherit !important; position:relative !important; margin-top:-15px;}
.menuContainer .dropdown-menu2 {transform: inherit !important;}
.menuContainer .container {padding:0;}
}
/*** End Menu Sections Style ***/

/*** Branches Section Styles ***/
.branchesListContainer {position: relative; width: 100%;}
.branchesList {position: relative; width: 100%; margin-top: 30px; margin-right: 5px; height: 300px; overflow: hidden;}
.branchesList li {float: right; margin-bottom: 10px;}
.branchesList li a {display: block; background: white; color: #444444; font-size: .85rem; border: 1px #e0e0e0 solid; border-right: 10px #ffbd00 solid; padding-top: 7px; padding-right: 20px; padding-bottom: 7px; padding-left: 10px;}
.branchesList li a:hover {color: #0143b0; border-color: #0143b0; border-right: 10px #0143b0 solid; box-shadow: 0 0 6px rgba(0,0,0,.25);}
/*** End Branches Section Styles ***/

/*** Contact Us Section Styles ***/
.contactUs {background: url('../img/contact-us-bg.jpg') center bottom no-repeat; background-size: cover; color: white; padding: 140px 0;}
.contactUsInner {background: rgba(0,13,34,.5); padding: 40px;}
.contactUsInner i {display: table; width: 100px; height: 100px; background: rgba(0,8,22,.3); margin: 0 auto 10px auto; font-size: 2.8rem; border: 7px #ffc316 solid; border-radius: 100%; padding-top: 2px; padding-right: 12px;}
.contactUsInner p {text-align: center; font-size: 1.2rem;}
.contactUsInner p.number {direction: ltr; font: normal 600 1.6rem 'oswald'; line-height: 1.9rem;}

/* Mobile View Styles */
@media (max-width: 767px){
    .contactUsInner p {margin-bottom: 30px;}
}
@media (max-width: 991px){
    .contactUs {padding: 60px 0;}
    .contactUsInner p {text-align: center; font-size: 1rem;}
    .contactUsInner p.number {font-size: 1.4rem;}
}
/*** End Contact Us Section Styles ***/


/***-----------------------------------
****** Internal Pages Styles ******
-----------------------------------***/
.internalPageContainer {min-height: 80vh; padding: 40px 0;}
.internalPageContainer h1 {display: table; font-size: 1.7rem; color: #0143b0; padding: 0 20px; margin: 0 auto 20px auto;}
.internalPageContainer h1::before, .internalPageContainer h1::after {content: ''; position: absolute; display: block; width: 40px; height: 0.1rem; bottom: .85rem; z-index: 2;}
.internalPageContainer h1::before {background: #f6b100; left: -40px;}
.internalPageContainer h1::after {background: #f6b100; right: -40px;}

/** Internal R Nav Filter **/
.nav-vertical{ margin-bottom:15px;}
.nav-vertical .nav-item{ margin-bottom:1px;}
.nav-vertical .nav-link{ background:#003284; color:#FFF; font-size:14px; border-right:4px solid #f6b100;}
.nav-vertical .active{ background:#f6b100; color:#FFF; border-right:4px solid #003284;}
.nav-vertical .dropdown-toggle::after{ float:left; margin-top:11px;}
.nav-vertical .dropdown-item{ font-size:13px; background:#003da1; color:#FFF; padding: .5rem 1rem; margin-top:1px;}
.nav-vertical .dropdown-item:hover{background:#f6b100;}
.nav-vertical .dropdown-menu{ width:100%; background: none; border: none; padding: 0; margin:0;}
/** End Internal R Nav Filter **/

.text-card{background:#fff; padding:30px; border:1px solid #CCC; border-right:5px solid #0143b0; font-size:15px; margin-bottom: 15px;}
.text-card h2::after {content:''; display: block; width: 40px; height: 2px; background: #f6b100; margin: 7px 0 10px 0; border-right: #003791 20px solid;}
.text-card .btn-formView {float: left;}

.btn-formView {background: #f5f5f5; padding: 5px 15px; margin-top: 10px; color: #0143b0; font-size: 1rem; border: 1px #0143b0 solid; border-radius: 10px;}
.btn-formView:hover {background: #fafafa; box-shadow: 0 0 8px rgba(0,0,0,.3)}
.btn-formView i {color: #0143b0; font-size: 1rem; margin-left: 5px;}

/***-----------------------------------
**** End Internal Pages Styles ****
-----------------------------------***/

/*** Footer Styles ***/
footer {background: #001b47; font-size: .8rem; color: #b0b0b0; line-height: 1.3rem;}
.copyr-ight {background: #00173c; padding: 30px 0; text-align: center; color: #5f687b;}
.copyr-ight p {margin: 0;}
.copyr-ight a, .copyr-ight span {color: #ffffff; font-weight: bold;}
.copyr-ight a:hover, .copyr-ight a:focus {color: #f7b400;}
/*** End Footer Styles ***/

/*** Back To Top BTN Styles ***/
#back-to-top {position: fixed; bottom: 30px; right: 30px; z-index: 9999; width: 40px; height: 40px; text-align: center; line-height: 36px; background: rgba(0,50,132,.75); color: #ffffff; cursor: pointer; border: 0; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; font-size:22px;}
#back-to-top:hover {background: rgba(0,50,132,1);}
#back-to-top.show {opacity: 1;}
@media (max-width: 767px){
	#back-to-top {bottom:0; right:0; width: 26px; height: 26px; font-size:16px; line-height: 26px;}
}
/*** End Back To Top BTN Styles ***/