/*** Fonts ***/

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


@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: 'UbuntuCondensed', sans-serif;
    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;
}

@font-face {
    font-family: 'left_Arrow';
    src: url('/fonts/left-arrow.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    
    font-family: 'right_Arrow';
    src: url('/fonts/right-arrow.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.left-arrow-icon, .right-arrow-icon {display: inline-block; width: 1rem; min-height: 1px; color: #000000; font-size: 1rem;}
.left-arrow-icon {font-family: 'left_Arrow';}
.right-arrow-icon {font-family: 'right_Arrow';}

/*** Standerd Global CSS ***/
body {padding: 0; margin: 0 auto; font: 200 .85rem 'Cairo' , sans-serif; color: #555555; /*line-height: 1.6rem;*/}
img{ max-width:100%; height:auto;}
i{ line-height:70%;}
h1 { font-size:26px; }
h2 { font-size:24px; }
h3 { font-size:22px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
b, strong {font-weight: bold;}
/* 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;}

div, ::after, ::before { transition: ease 0.2s; -moz-transition: ease 0.2s; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; -ms-transition: ease 0.3s}
a, .btn {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;}
a{ color:#0143b0;}
a:hover{ color:#dc9e00;}
/*** Button Styles ***/
.btn {font-family: 'UbuntuCondensed', sans-serif; border-radius: 0;  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:hover {box-shadow: 0 0 8px rgba(0,0,0,.5);}
/* Primary Button */
.btn-primary {background-color: #003791; font-size: 1rem; color: #ffffff; font-weight: 200; padding: 10px 25px; border: none;}
.btn-primary:hover {background-color: #f6b100; color: #002f8a;}
.btn-center {display: table; margin: auto;}
/* Secondary Button */
.btn-secondary {background-color: #003791; font-size: .9rem; color: #ffffff; font-weight: 200; padding: 5px 20px; border: none; border-radius: 16px;}
.btn-secondary:hover {background-color: #f6b100; color: #002f8a; box-shadow: 0 0 3px rgba(0,0,0,.3);}

/* Titles Styles */
h1, h2, h3 , h4, h5, h6 {position: relative; padding: 0; margin:0 0 10px 0; font-family: 'UbuntuCondensed'}
h1.center, h2.center, h3.center {display: table; margin-left: auto; margin-right: auto; text-align: center;}
h1 {font-size: 1.6rem; color: #0143b0; 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.orangerightline::before, h1.orangeUnderline::after, h1.blueUnderline::after, h1.whiteUnderline::after {content: ''; position: relative; display: block; width: 60px; height: 0.3rem; z-index: 2;}
h1.orangerightline::before {background: #f6b100; position: absolute; right: -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;}
*/
h1.orangeLRline {display: table; padding: 0 20px; margin: 0 auto 20px auto;}
h1.orangeLRline::before, h1.orangeLRline::after {content: ''; position: absolute; display: block; width: 40px; height: 0.1rem; bottom: .8rem; z-index: 2;}
h1.orangeLRline::before {background: #f6b100; right: -40px;}
h1.orangeLRline::after {background: #f6b100; left: -40px;}
@media (max-width: 991px){
    h1.orangeLRline::before {display: none;}
    h1.orangeLRline::after {position: relative; left: auto; height: .15rem; margin: 20px auto 0 auto;}
}
.MainTitleContainer {position: relative; width: 100%; margin-bottom: 8px;}
.MainTitleContainer::before {content: ''; position: absolute; display: block; background: #f6b100; width: 100%; height: 2px; bottom: 0;}
.MainTitleContainer h1.underline {display: table; padding: 0 10px 5px 0; font-size: 1.4rem; border-bottom: 4px #003791 solid; margin: 0; z-index: 2;}
@media (max-width: 991px){
.MainTitleContainer {
	margin-top: 10px;
}
}

h2 {font-size: 1.2rem; margin-bottom: 10px; color: #f8b800;}
h2.blue {color: #0143b0 !important;}
h2.white {color: #ffffff;}
h2.darkGray {color: #444444;}
h2.whiteBG {display: table; background: #ffffff; padding: 0 20px;}
h2.orangerightline::before, h2.orangeUnderline::after, h2.whiteUnderline::after, h2.underline::after {content: ''; position: relative; display: table; width: 40px; height: 0.15rem; z-index: 1;}
h2.orangerightline::before {background: #f6b100; position: absolute; right: -50px; bottom: .56rem; z-index: 0;}
h2.orangeUnderline::after {background: #f6b100; margin: 10px auto 0 auto;}
h2.underline::after {display: block; background: #f6b100; margin: 7px 0 10px 0; border-left: #003791 20px solid;}
h2.whiteUnderline::after {background: #ffffff; margin: 10px auto 0 auto;}

/*h3 {font-size: .8rem; color: #00184a; margin-bottom: 10px;}*/

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

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

section {position: relative; width: 100%; height: auto; padding: 20px 0;}
a:focus , button:focus{ outline:none;}

@media (max-width: 991px){
    section {padding: 25px 0;}
}
/*** End Standerd Global CSS ***/

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

/* Top Social Media Styles */
.topSocialMediaContainer a.language {display: none;}
a.topSocialMedia {display: inline-block; width: 28px; height: 28px; border-radius: 50%; padding: 6px 0 0 0; margin: 7px 3px; opacity: 0.7; color: #e8eff8; font-size: 14px; text-align: center;}
a.topSocialMedia:hover {opacity: 1;}
a.topSocialMedia i{display: block;}
a.facebook {background-color: #00257c}
a.twitter {background-color: #0099ff}
a.youtube {background-color: #bd0100}
/*- Mobile View Style -*/
@media (max-width: 991px){
    .topSocialMediaContainer {text-align: center;}
    .topSocialMediaContainer a.language {display: inline-block;}
    .topLanguageContainer {display: none;}
}

/* Top Short Links Styles */
.toplinks {color: #002055; display: inline-table; margin:0 auto; font-size: 12px; padding: 8px 4px;}

@media (max-width: 1199px){.toplinks {font-size: 12px; padding:11px 3px;}}
.toplinks:hover {color: #f4b000}

/* Search Styles */
.search-container, .search-collapse-container {position: relative; max-width: 242px; margin: 4px auto; text-align: center;}
.search-collapse-container {display: none;}
.search-container form, .search-collapse-container form {margin: 0;}
.search-container .form-control, .search-collapse-container .search-colapced-palceholder {width: 100% !important; height: 36px; border: 1px #bbbbbb solid; border-radius: 18px; padding: 5px 44px 5px 10px; margin: 0 auto; font-size: 12px; color: #444444;}
.search-container .form-control:focus{border: 1px #003284 solid;}
.search-container .btn, .search-collapse-container .btn {position: absolute; right: 4px !important; top: 4px; border: none;
border-radius: 0 16px 16px 0;}
.search-container .btn {background-color: #002f7c; color: #ffffff; padding:6px 8px 6px 4px;}
.search-container .btn:hover{background-color: #f8b800; color: #002f7c;}
/*- Mobile View Styles -*/
@media (max-width: 991px){
    .search-container {display: none;}
    .search-collapse-container {display: block; margin: 10px auto;}
    .search-collapse-container .search-colapced-palceholder {height: 44px; border-radius: 18px; padding: 10px 18px 10px 55px;}
    .search-collapse-container input[type=text]:focus {outline: none !important;}
    .search-collapse-container .search-colapced-btn {right: 4px; padding: 10px; background-color: #f8b800; color: #002f7c;}
    .search-collapse-container .search-colapced-btn:hover {background-color: #002f7c; color:#ffffff;}
	/*.toplinks {font-size: 10px; padding: 8px 4px;}*/
}

/* Language Styles */
.topLanguageContainer {text-align: right;}
a.language {display: inline-block; background-color: #002f7c; width: 28px; height: 28px; border-radius: 50%; padding: 3px 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;}
/*** End Header Top Bar Styles ***/

/*** Logo Styles ***/
.logoContainer {position: relative; width: 100%; margin-bottom: -207px;}
.logo {position: relative; margin: 0 auto; padding: 0; width: 100%; top: -25px;}
.logo a{ display:table; margin:auto;}
.logo img, .logoMobileView img {display: table; 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 a{ display:table; margin:auto;}
.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 ,  .main-header-bg object{width: 100%; height: auto; max-height: 400px; padding: 0; margin: 0;}
/*** End Header BG Styles ***/

/*** Navigation Styles ***/
.navContainer {width: 100%; min-height: 60px; background-color: #003284; font-family: 'UbuntuCondensed', sans-serif;font-weight: 200; font-size: 17px;}
.navContainer nav, .navContainer ul.navbar-nav {width: 100%; padding: 0; margin: 0;}
.navLable {display: none;}
.navContainer .navbar-nav .nav-link {padding:1.27rem 1.57rem; color: #ffffff;}
@media (min-width: 992px) and (max-width: 1199px){
.navContainer .navbar-nav .nav-link {padding: 1.25rem 1.33rem;}
}
.navContainer a.nav-link {position: relative; color: #ffffff !important; z-index: 1;}
.navContainer a.nav-link i {font-size: 36.5px; max-height:36px;}
@media (max-width: 991px){.navContainer a.nav-link i {font-size: 22px; max-height:inherit;}}
.navContainer a.active { background-color: #f6b100; color: #002663 !important;}
.nav-link-icon{ padding: 0.78rem 1rem !important;}
/* Animation Styles */
.navContainer a.nav-link:hover, .navContainer a.nav-link:focus {color: #002663 !important;}
.navContainer a.nav-link:focus {background-color: #f6b100;}
.navContainer a.nav-link::before {content:''; position: absolute; display:block; width:100%; height:0px; background:#f6b100; bottom: 0px; left: 0; z-index: -1; cursor: pointer;}
.navContainer a.nav-link:hover::before {height: 100%;}

/* Navbar Toggle*/
.navbar-dark .navbar-toggler {border: 1px rgba(255,255,255,.7) solid; border-radius: .50rem; margin: 11px 18px auto; padding: .35rem .65rem; font-size: 1.0rem;}

/*- Mobile Menyu Setting -*/
@media (max-width: 991px){
    .navLable {display: block; color: rgba(255,255,255,.8); font-size: 18px; padding: 0; margin: 18px  auto auto 0;}
    .navContainer ul.navbar-nav {background: #003790; margin: 16px auto 0; max-height: 280px; overflow-y: auto;}
    .navContainer li.nav-item {border-bottom: 1px rgba(255,255,255,.2) solid;}
    .navContainer a.nav-link, .navContainer a.active {padding: 0.7rem 1rem !important;}
    /* Animation Styles */
    .navContainer a.nav-link:hover {color: #ffffff !important;}
    .navContainer a.nav-link:focus {color: #002663 !important;}
    .navContainer a.nav-link::before {content:''; position: absolute; display: block; width: 0px; max-height: 3px; background: #f6b100; bottom: 0px; left: 0; z-index: -1; cursor: pointer;}
    .navContainer a.nav-link:hover::before {width: 100%;}
}
/*** End Navigation Styles ***/

/*** News Tiker & Slide Styles ***/
.newsSlider {padding: 10px 0; min-height: 100px; background: url('/img/news-slider-bg.jpg') right top repeat;}
/* News Ticker Styles */
.newsTickerContainer {width: 100%; min-height: 30px; background: #ffffff; padding: 2px; border: 1px #003284 solid;}
@media (max-width: 766px){
    .newsTickerContainer {display: none;}
}
#wrapper {margin: 0; padding:15px; /*width: 100%;*/}
#ticker_container {width: 100%;/*overflow: auto;*/}
#ticker_container #newsTitleBox {position: relative; float: left; width: auto; background: #dddddd; font: normal normal 1.1rem 'UbuntuCondensed'; color: #002663; padding: 7.5px 25px;}
#ticker_container #newsTitleBox .icon-right-dir {position: absolute; right: -5px; top: 5px; width: 20px; height: 20px; color: #dddddd; font-size: 1.7rem;}
#news {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#newscontent {max-width: 70%; float:left !important; padding: 5px 15px 5px; font-size: .75rem;}
#newscontent .newsTickerLogo {display: block; float: left; width: 25px; height: 25px; margin-right: 5px; background: url(/img/news-ticker-logo.png) center center no-repeat; background-size: contain;}
#newscontent a {color: #001840}
#newscontent a:hover {color: #f6b100}
#ticker_container {width: auto !important;}
#controls , #controls a{ float:right !important;}
#controls {float: right !important; background: #dddddd; height: auto !important; padding: 10px 15px; width: 80px !important; overflow: hidden;}
#controls .icon{ line-height:70%; display:block;}
#controls .icon-next {color: #fff !important;}
/* End News Ticker Stykes */

/* News Slider Styles */
.newsHomeSlider {width: 100%; margin-top: 10px;}
@media (min-width:768px){
.newsHomeSlider .col-md-8 {padding-left:0;}
}
.newsSliderInfo {background: #001840; color: #dddddd; font-size: 1rem; padding: 40px;}
.newsSliderInfo h1 {color: #f6b100; margin-top: 10px; font-size: 1.6rem;}
.newsSliderInfo p {max-height: 190px; overflow: hidden;}
.newsSliderInfo a.btn {display: table; margin: 20px auto; border-radius: 30px}
.newsHomeSlider .carousel-indicators {left: 40px; bottom: 15px; right: inherit; margin-left: inherit;}
.newsHomeSlider .carousel-indicators li {width: 25px; height: 25px; border-radius: 50%; background: #ccd1d9; box-shadow: 2px 3px 5px rgba(0,0,0,.3); transition: ease 0.2s; -moz-transition: ease 0.2s; -webkit-transition: ease 0.2s; -o-transition: ease 0.2s; -ms-transition: ease 0.3s;}
.newsHomeSlider .carousel-indicators li:hover , .newsHomeSlider .carousel-indicators .active{background: #f6b100;}
.newsSliderPhoto {display: block; width: 100%; background: center top no-repeat; background-size: cover; height: 480px;}
/* Mobile View Styles */
@media (max-width: 767px){
    .newsSliderInfo {padding: 5px 30px 20px 15px; font-size: .75rem;}
    .newsSliderInfo h1 {font-size: 1rem; padding-left: 30px; margin-bottom: 10px;}
    .newsSliderInfo p {max-height: 80px; padding-left: 30px; margin-bottom: 10px;}
    .newsSliderInfo a.btn {margin: 10px auto; padding: 5px 15px; font-size: .8rem;}
    .newsHomeSlider .carousel-indicators {left: 10px; bottom: 0px;}
    .newsHomeSlider .carousel-indicators li {width: 12px; height: 12px;}
    .newsSliderPhoto {height: 240px;}
    .newsHomeSlider .col-6 {padding-left: 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .newsSliderInfo {padding: 30px; font-size: .85rem;}
    .newsSliderInfo h1 {font-size: 1.2rem;}
    .newsSliderInfo a.btn {margin: 10px auto; padding: 8px 20px; font-size: .9rem;}
    .newsHomeSlider .carousel-indicators {left: 30px; bottom: 5px;}
    .newsHomeSlider .carousel-indicators li {width: 15px; height: 15px;}
    .newsSliderPhoto {height: 400px;}
}
/* End Mobile View Styles */

/* End News Slider Styles */
/*** End News Tiker & Slide Styles ***/

/*** Electronic Services Section Styles ***/
.electronicServices {padding: 20px 0; background: #004fcb;}
.elecServicesContainre {width: 90%; margin: 0 auto;}
/*** End Electronic Services Section Styles ***/

/*** News Departments Section Styles ***/
.newsDepartmentsContainer {background: #edf0f3;}
/*.newsDepartmentsContainer h1 {font-size: 1.3rem; padding-bottom: 5px;}*/
.newsItemContainer {margin-bottom: 25px; /*box-shadow: 0 28px 20px rgba(0,0,0,.09);*/}
.newsItemContainer .newsImg {display: block; width: 100%; height: 200px; margin: 0 auto; background: center top no-repeat; background-size: cover;}
.newsItemContainer .textContainer {position: relative; background: #ffffff; padding: 20px; min-height: 200px;}
.newsItemContainer .textContainer .btn{color: #ffffff;}
.newsItemContainer .textContainer .underline {position: relative; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ margin:0;}
.newsItemContainer .textContainer .underline span{ display:block; max-height:44px; overflow:hidden;}
.newsItemContainer .textContainer p { height:60px; overflow:hidden; margin:0;}
.newsItemContainer a.btn {position:absolute; bottom: -20px; right:0; left:0; max-width:118px;}
.newsPageContainer {padding: 40px 0;}
.newsPageContainer .newsItemContainer {margin-bottom: 45px;}
.newsDetailsContainer {width: 100%;}
.newsDetailsContainer img , .newsDetailsContainer object {width: 100%; height: 460px; display: block; background: center top no-repeat; background-size: contain; margin-bottom: 20px;}
.newsDetailsContainer .dateContainer {display: table; color: #777777; margin-bottom: 8px;}
/*.newsDetailsContainer i {color: #004fcb;}*/
.newsDetailsContainer a.btn {float: right;}
@media (max-width: 767px){
    .newsDetailsContainer img , .newsDetailsContainer object {height: 230px;}
}
/*** End News Departments Section Styles ***/

/*** Lates Video Section ***/
.latestVideosContaner {width: 100%; min-height: 320px; background: #ececec;}
.latestVideosInner iframe {width: 100%; height: 260px;}
.latestVideosContaner a.btn {float: right; margin: 13px 15px}
/*** End Lates Video Section ***/

/*** Police & Socity ***/
.policeAndSocietyContainer {width: 100%; background: #ececec; padding: 0 15px;}
.policeAndSocietyContainer li {position: relative; margin: 10px 0}
.policeAndSocietyContainer a {position: relative; display: block;}
.policeAndSocietyContainer a:hover {transform: scale(1.07);}
.policeAndSocietyContainer img , .policeAndSocietyContainer object , .policeAndSocietyContainer .pic {display: block; background: center top; background-size: cover; width: 100%; height: 140px;}
.policeAndSocietyContainer h3 {font-size: .8rem; color: #00184a; margin-bottom: 10px; position: absolute; bottom: 0; width: 100%; text-align: center; padding: 10px 5px; margin: 0; color: white;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 60%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 60%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#a6131313',GradientType=0 );}
/*** End Police & Socity ***/
    
/*** Photo Album Section Style ***/
.photoAlbumContainer {width: 100%; min-height: 320px; background: #ececec;}
.photoAlbumInner {position: relative; width: 100%; height: 260px; margin-bottom: 30px; text-align:center;}
.photoAlbumInner img , .photoAlbumInner object , .photoAlbumInner .pic {display: block; width: 100%; height: 260px; background: center top no-repeat; background-size: cover;}
.photoAlbumInner h3 {font-size: .8rem; margin-bottom: 10px; position: absolute; bottom: 0; width: 100%; text-align: center; padding: 10px 5px; margin: 0; color: white; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 60%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 60%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#a6131313',GradientType=0 );}
.photoAlbumContainer a.btn {float: right; margin:13px 15px;}
.photoAlbumPageContainer  .photoAlbumInner i { font-size:60px; padding-top:100px; background: rgba(0%,0%,0%,.3); width:100%; height:100%;
position:absolute; right:0; top:0; color:#FFF;}
.photoAlbumPageContainer a{ position:relative;}
.photoAlbumPageContainer a:hover i{ background: rgba(0%,0%,0%,.4);}
/*.photoAlbumPageContainer {position: relative; width: 100%; text-align: center;}
.photoAlbumPageContainer li a{margin-bottom: 20px;}*/
/*** End Photo Album Section Style ***/

/*** Awareness Campaingns Styles ***/
.awarenessContainer {width: 100%; background: #e4e7ec; padding: 30px 15px;}
.awarenessCarouselContainer {width: 90%; margin: 0 auto;}

/*** Awareness Campaingns Styles ***/

/*** Most News Viewing Styles ***/
.mostNewsViewingContainer {position: relative; width: 100%; background: #f9f9f9; height: 385px; overflow: auto; padding: 5px 10px; box-shadow: 0 5px 8px rgba(0,0,0,.05);}
.scrollListContainer {position: relative; display: block; font-size: .68rem;}
.scrollListContainer li {position: relative; width: 100%; padding: 12px 20px 12px 0; border-bottom: 1px #cccccc solid;}
.scrollListContainer li::after {content: ''; position: absolute; left: 0; top: 18px; width: 10px; height: 10px; background: #f6b100;}
.scrollListContainer li:last-child {border-bottom: none;}
.scrollListContainer a {display: block; color: #444444;}
.scrollListContainer a:hover, .scrollListContainer a:focus {color: #f6b100;}
/*** ENd Most News Viewing Styles ***/

/*** Police Mix Department ***/
.policMix {width: 100%;}
.policMix li {float: left; width: 50%; height: 210px; padding: 8px;}
.policMix li.borderright {border-right: 1px #e5e5e5 solid;}
.policMix li.borderButtom {border-bottom: 1px #e5e5e5 solid;}
.policMix a {display: block; text-align: center; padding: 0 5px;}
.policMix a:hover {border: 1px #e2e2e2 solid; margin-top: -3px; box-shadow: 0 0 10px rgba(0,44,113,.15);}
.policMix a i {display: block; width: 151px; height: 151px; background: #0042a8 center center no-repeat; background-size: contain; border: 20px #0058e1 solid; border-radius: 50%; margin: 10px auto;}
@media (max-width: 767px) {.policMix a i {width: 140px; height:140px;}}
.policMix a:hover i {background: #f0ad00 center center; border: 12px #ffd15a solid;}
.policMix a i.tenders {background-image: url(/img/icons/tenders.png);}
.policMix a:hover i.tenders {background-image: url(/img/icons/tenders-hover.png);}
.policMix a i.police-press {background-image: url(/img/icons/police-press.png);}
.policMix a:hover i.police-press {background-image: url(/img/icons/police-press-hover.png);}
.policMix a i.books {background-image: url(/img/icons/books.png);}
.policMix a:hover i.books {background-image: url(/img/icons/books-hover.png);}
.policMix a i.confrances {background-image: url(/img/icons/confrances.png);}
.policMix a:hover i.confrances {background-image: url(/img/icons/confrances-hover.png);}
.policMix a:hover h2 {color: #efad00 !important;}
@media (max-width: 991px) {
    .policMix {margin: 30px auto;}
}
/*** End Police Mix Department ***/

/*** Emergency Nunbers Styles ***/
.emergancyNum-DownloadApp-container {margin-bottom: -170px;}
@media (min-width: 992px){
    .emergancyNum-DownloadApp-container .col-lg-3 {padding-left: 0;}
    .emergancyNum-DownloadApp-container .col-lg-9 {padding-right: 0;}
}
.emergancyNumContainer {position: relative; background: #003da1; min-height: 260px; padding-top: 20px;}
.emergancyNumContainer h1 {margin: 0px auto 15px;}
.emergancyNumContainer ul {position: relative; margin: 0 auto;}
.emergancyNumContainer li {float: left; text-align: center; min-width: 140px; min-height: 180px; margin-bottom: 10px;}
.emergancyNumContainer i {display: inline-block; width: 120px; height: 120px; background: #003791 center center no-repeat; border: 10px #005be8 solid; border-radius: 50%; margin-bottom: 5px;}
.emergancyNumContainer i:hover {border-color: #f9b300;}
.emergancyNumContainer i.helpPoilce {background-image: url('/img/emergancy-numbers/help-police.png');}
.emergancyNumContainer i.publicSecurity {background-image: url('/img/emergancy-numbers/public-security.png');}
.emergancyNumContainer i.infoCrimes {background-image: url('/img/emergancy-numbers/info-crimes.png');}
.emergancyNumContainer i.trafficAccidents {background-image: url('/img/emergancy-numbers/traffic-accidents.png');}
.emergancyNumContainer h2 {text-align: center; margin-bottom: 5px;}
.emergancyNumContainer p {text-align: center; font: normal 600 1.4rem 'Oswald'; color: white; line-height: 1rem; letter-spacing: -1px; margin: 0 auto;}
@media (max-width: 991px) {
    .emergancyNumContainer li {margin-bottom: 35px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .emergancyNumContainer h2 {font-size: 1rem;}
}
/*** End Emergency Nunbers Styles ***/

/*** Download App Styles ***/
.downloadAppContainer {background: #004dcb; min-height: 260px; padding: 20px 20px 0 20px;}
.downloadAppContainer li {margin-bottom: 15px;}
.downloadAppContainer li a {display: block;}
.downloadAppContainer li a:hover {transform: scale(1.02);}
.downloadAppContainer li img , .downloadAppContainer li object{display: table; width: 100%; max-width: 260px; height: auto; margin: 0 auto;}
@media (max-width: 991px) {
    .downloadAppContainer {min-height: 170px;}
}
/*** End Download App Styles ***/

/*** Contact Us Section Styles ***/
.contactUs {background: #f7b400;}
.ourContacts li {clear: both; margin-bottom: 25px;}
.ourContacts i {display: block; float: left; width: 100px; height: 100px; background: #001135; text-align: center; font-size: 3.3rem; color: #ffc600; border: 10px #ffe075 solid; border-radius: 100%; padding-top: 14px; margin: 0 0 10px 20px;}
.ourContacts .contactNumberContainer {padding-top: 30px;}
.ourContacts p {margin: 0; font: normal 600 1.5rem 'Oswald'; color: #000000; direction: ltr; text-align: left; line-height: 1.8rem; letter-spacing: -.07rem;}
/* Google Map Styles */
.gMap {width: 100%; height: 100%; min-height: 300px; max-height: 450px; border: 1px #ffffff solid; box-shadow: 0 0 8px rgba(0,0,0,.5);}
/* Mobile View Styles */
@media (max-width: 767px){
    .ourContacts {margin: 0 auto; text-align: center;}
    .ourContacts li {display: inline-table; margin: 0 auto 20px auto;}
    .ourContacts i {display: block; float: none; width: 60px; height: 60px; padding-top: 8px; margin: 0 auto 8px auto; border-width: 5px; font-size: 2rem;}
    .ourContacts .contactNumberContainer {padding: 0 10px;}
    .ourContacts p {margin: 0; font-size: .88rem; line-height: 1.2rem; letter-spacing: -.03rem;}
    .gMap {margin-top: 20px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ourContacts .contactNumberContainer {padding-top: 15px;}
    .ourContacts i {width: 80px; height: 80px; font-size: 2.6rem; border-width: 7px; padding-top: 13px; margin: 0 0 10px 12px;}
    .ourContacts p {font-size: 1.23rem;}
}
/*** End Contact Us Section Styles ***/

/*** Footer Styles ***/
footer {background: #002663; padding-top: 40px; font-size: .8rem; color: #b0b0b0; line-height: 1.3rem;}
footer.paddingTop200 {padding-top: 200px;}
footer h2 {font-size: 1.2rem;}
footer ul {margin-bottom: 30px;}
footer ul a {position: relative; color: #b0b0b0; display:table;}
footer ul a:hover, footer ul a:focus {color: #f7b400;}
footer ul a::after {content: ''; position: absolute; display: block; background: #f7b400; width: 0; height: .05rem; left: 18px; bottom: 0;}
footer ul a:hover::after {width: 93%;}
.copyr-ight {background: #002b72; padding: 30px 0; margin-top: 20px; 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 ***/
.date-time { color:#888; font-size:11px; display:block;}
.newsDetailsContainer .date-time { margin-bottom:15px; font-size:13px;}
/***************/
.news-filter li { margin-bottom:3px;}
.news-filter li a{ border:1px solid #dddddd; border-left:3px solid #f6b100; padding:8px 12px; display:block; color:#666; background:#fff;
font-size:14px;}
.news-filter .active a , .news-filter li a:hover{ border:1px solid #0143b0; border-left:3px solid #f6b100; color:#fff; background:#0143b0;}
/**************/
.internalPageContainer { padding: 40px 0;}
.text-pic-card{ margin-bottom:15px;}
.text-pic-card .pic{ border:5px solid #0143b0; margin-bottom:15px; text-align:center;}
.text-pic-card .pic img{ width:100%;}
.text-card{ background:#fff; padding:30px; border:1px solid #CCC; border-left:5px solid #0143b0; font-size:15px; margin-bottom: 15px;}
.text-card h1 , .text-card h2 , .text-card h3 , .text-card h4 , .text-card h5 , .text-card h6{ color:#0143b0;}
.text-card ul { list-style:square; margin:0 15px 15px 0;}
.text-icon { display:table; width:100%;}
.text-icon i{ float:left; margin-right:20px; width:35px; height:auto;}
.text-icon span{ display:block; margin:10px 60px 0 0;}
/******/
.list-links a{ border:1px solid #CCC; border-left:3px solid #0143b0; display:block; padding:12px 15px 12px 55px; margin-bottom:30px; position:relative; font-size:15px;}
.list-links a i{ background:#0143b0; color:#FFF; height:100%; position:absolute; right:0; top:0; width:42px; font-size:16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; transition:.3s;}
.list-links a i::before{ margin:auto;}
.list-links a:hover {border-left:3px solid #dc9e00;}
.list-links a:hover i{background:#dc9e00;}
/********/
.list-pdf li{ border:1px solid #ccc; border-left:5px solid #0143b0; padding:15px 10px; font-size:15px; margin-bottom:10px;}

/*************/
.security-awareness { max-width:800px; margin:30px auto;}
.text-border{ border:4px solid #eee; padding:30px; margin-bottom:30px;}
.text-border h1 , .text-border h2 , .text-border h3 , .text-border h4 , .text-border h5 , .text-border h6{ color:#0143b0;}
.security-awareness .media { margin-bottom:30px;}
.security-awareness .media h4{ color:#0143b0;}
.security-awareness .media img{ max-width:90px;}
.security-awareness .media-body{ padding:30px; /*background:#f4f4f4;*/ border:4px solid #003791; position:relative;}
.security-awareness .media-body::before{ content:" "; display:block; position:absolute; right:-20px ; top:30px;
 width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left:20px solid #003791;}
.security-awareness .media-body .btn{ padding:6px 25px;}
/*.modal-header .close { margin: -1rem auto -1rem -1rem;}*/
.modal-title{ color:#003791;}
.modal-content{ border-radius:0;}
.modal-body{ padding:30px;}
.modal-body span{ color:#003791;}
.modal-body ul{ list-style:disc; margin:0 15px 15px 0;}
.btn-secondary{ padding: 5px 20px; border-radius:0;}
.media2 .media-body{ border-left:inherit;  border:4px solid #003791;}
.media2 .media-body::before{ right:auto; left:-20px; border-top: 20px solid transparent; border-bottom: 20px solid transparent;
border-left:0; border-right:20px solid #003791;}

/****************/
.galleryContainer{padding:30px 15px; background:#f8f8f8;}
.galleryContainer .awareness-carousel .item h2{ margin-bottom:0;}

/********/
.table{ font-size:14px;}
.table td, .table th {padding:15px;}
.table .thead-dark th { background-color: #0143b0; border-color: rgba(255,255,255,.2); font-size:16px;}
.awareness-carousel02 .owl-nav button.owl-prev, .awareness-carousel02 .owl-nav button.owl-next {bottom: 76px;}

/***********accordion************/
.accordion .card-header{ padding:0;}
.accordion .card-header button { width:100%; text-align:left; padding:15px 20px; font-size: 18px; background-color: #003284;
color:#FFF;}
.accordion .card-header button[aria-expanded="true"] { background-color: #f6b100;}
.accordion .card-header button i { float:right; margin-top:5px;}
/*********/
.modal-body .list-pdf { margin:0;}
.modal-body .list-pdf li{ padding:10px 0;}
/***************/
i{ line-height:70%;}
.search-container .btn i ,.navContainer a.nav-link i{ display:block;}
/***********/
.snippets-titles span{ display:block;}

.carousel-control-next, .carousel-control-prev{ width:7%;}
.carousel-control-next-icon, .carousel-control-prev-icon{width: 24px; height: 24px;}
/***********Rigster************/
.captcha-pic{ border:2px solid #0143b0; margin-bottom:10px; text-align:center; width:50%; padding:5px;}
.captcha-pic img{ height:70px;}
.form-control{ border-radius:0; font-size:14px; border:2px solid #ced4da; padding:6px 15px; height:50px;}
.form-control:focus{ border:2px solid #0143b0; box-shadow:none;}
@media (max-width: 767px){
.captcha-pic{ width:100%;}
}
.btn-lg{ font-size:20px; padding:10px 30px;}
label{font-family: 'UbuntuCondensed', sans-serif; font-size:17px;}
.btn-third{background-color:#f6b100; color:#003284;}
.btn-third:hover{background-color:#003791; color:#FFF;}
.input-group > :not(:last-child).form-control, .input-group > :not(:last-child).custom-select , .input-group > :not(:first-child).input-group-prepend > .input-group-text{ border-radius:0; border-right-width:1px;}
/******modal******/
.modal-title {font-size:20px;}
@media (min-width: 576px){.modal-dialog { max-width: 800px;}}
@media (min-width: 576px){.modal-sm {max-width: 440px;}}
.modal-dialog .form-control{ height:40px;}
.modal-dialog .btn-lg{ font-size:18px; padding:8px 15px;}

/*************/
.photoAlbumInner2{ margin:0;}
.photoAlbumInner2 .pic i{ font-size:55px; color:#FFF; position:relative; top:100px;}
.btn-radius{ border-radius:40px;}

/***********/
@media (min-width: 992px){
.topLimks-container .col-lg-2{max-width: 13.667%; }
.topLimks-container .col-lg-3 { flex: 0 0 29%; max-width: 29%;}
}
/***************/
.login-content { border:1px solid #003791; padding:30px; margin-top:15px;}
.login-content i{ font-size:60px; margin:-60px auto 15px; display:table; color:#003791; background:#FFF; padding:0;}
.user-control{ display:inline-block;}
.user-control .dropdown-toggle{ padding:8px 3px; /*font-size:.58rem;*/ color:#002055; position:relative; top:3px;font-size: .8rem;}
.user-control .dropdown-toggle:hover{ color:#f6b100;}
.username-top{ max-width:60px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative;
top:5px;}
@media (min-width: 992px) and (max-width: 1199px){
.username-top{ max-width:25px;}
}
.dropdown-menu{ border-radius:0; border:none; padding:0;}
.user-control .dropdown-menu{ min-width:90px;}
.user-control .dropdown-item{ padding:5px 10px; font-size:.58rem; }
.user-control .dropdown-item:hover{ background:#002f7c; color:#FFF;}
.alert{ border-radius:0;}
.alert-success {color: #155724;background-color: #d7f3d3;border-color: #c5f1be;}

/***************/
.input-tooltip{ position:relative;}
.input-tooltip .form-control{ padding-right:55px;}
.input-tooltip a{ position:absolute; top:5px; right:5px; background:#eee; color:#666 !important; font-size:24px;
width:40px; height:40px; text-align:center; padding-top:7px;}
.input-tooltip a:hover{ background:#0143b0; color:#FFF !important;}

/**********pager***********/
.pagination2 { display: inline-flex; margin-top: 15px; }
.pagination2 li { padding: 7px 12px; margin: 0 1px; font-size: 1rem; background: #003791; color: #f5f5f5; cursor:pointer; transition:all .3s;}
.pagination2 li:hover , .pagination2 .active { background: #f6b100; color: #003791;}

/***********validation**********/
.validation-style .tooltip-inner{ background:#C42729; color:#FFF; text-align:left; max-width:inherit; font-size:12px;
padding:10px 15px; font-family:'Cairo' , sans-serif;}
.bs-tooltip-top .arrow::before {border-top-color:#C42729;}
.bs-tooltip-bottom .arrow::before {border-bottom-color: #C42729;}

/**********14/2/2018*********/
.username-top2{ display: inline-block; background-color: #ffffff; width: 28px; height: 28px; border-radius: 50%; padding: 5px 0 0 0; font-family: 'Oswald'; font-weight: 600; text-align: center;}
dt {font-weight:normal; font-family: 'UbuntuCondensed', sans-serif; color: #0143b0; font-size: 18px; line-height: 160%;}
iframe{ max-width:100%; margin:15px 0;}


/****************/
.nav-pills .nav-link {border-radius:0; border: 1px solid #dddddd; border-left: 3px solid #f6b100; color: #666; margin-bottom:5px;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: #0143b0;}
.small-container{ max-width:480px;}

/***********************/
.card{ border-radius:0; color:#666; font-size:14px;}
.card ul{ margin:0;}
.card span{ color:#111;}
.elec-services-carousel .owl-nav.disabled{ display:block;}
.elec-services-carousel .owl-nav button.owl-prev, .elec-services-carousel .owl-nav button.owl-next{ color:#002158;}
/********************/
.topLimks-container .container{ position:relative; z-index:2;}

/**********19-12-2018*********/
.captcha-icon{ font-size:32px; display:inline-block; position:relative; right:-10px; top:5px;}

/************************/
.nav-vertical{ margin-bottom:15px;}
.nav-vertical .nav-item{ margin-bottom:1px;}
.nav-vertical .nav-link{ background:#003284; color:#FFF; font-size:14px; border-left:4px solid #f6b100;}
.nav-vertical .active{ background:#f6b100; color:#FFF; border-left:4px solid #003284;}
.nav-vertical .dropdown-toggle::after{ float:right; 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; margin:0;}

/************minister-list************/
.text-card .minister-list{ list-style:none; margin:30px -15px 0;}
.minister-list .pic , .games-list .pic{ width:100%; height:200px; background: center top no-repeat; background-size:cover; border:3px solid #0143b0;}
@media (max-width: 767px){ .minister-list .pic , .games-list .pic{ height:280px;}}
.minister-list li , .games-list li{ text-align:center; margin-bottom:30px;}
.minister-list li h5{ background:#0143b0; color:#FFF; margin:1px 0; padding:7px 8px 8px; font-size: 17px;}
.minister-list li p , .minister-list .btn{ text-align:center; background:#f5f5f5; margin-bottom:1px; font-size:13px; padding:5px;}
.minister-list .btn{ width:100%; color:#555555; font-family:'Cairo' , sans-serif; padding:8px;}
.minister-list .dropdown-menu{ width:100%;}
.minister-list .dropdown-toggle::after{ float:right; margin-top:8px; font-size:14px;}

.text-card .games-list{ list-style:none; margin:0 -15px;}
.games-list a{ display:block;}
.games-list .pic{ margin-bottom:10px; border:4px solid #0143b0;}
.games-list .pic i{ color:#FFF; padding:1px 0; display:block; float:left; position:relative; z-index:2; font-size:21px;}
.games-list .pic i::before{ margin:0 1px;}
.games-list .pic i::after{ display:block; content:" "; position:absolute; z-index:-1; top:0;
width: 0; 
height: 0; 
border-top: 0 solid transparent;
border-bottom: 40px solid transparent; 
border-left:45px solid #0143b0;
}
.games-list h5{ transition:all .3s; margin:0;}
.games-list a:hover .pic{ margin-bottom:10px; border:4px solid #f6b100;}
.games-list a:hover h5{ color:#f6b100;}
.games-list a:hover i::after{ border-left:45px solid #f6b100;}


/**********************************/
.departmentSites a{ display:block; text-align:center; margin-bottom:30px;}
.departmentSites .pic{ width:100%; height:200px; background:center top no-repeat; background-size:cover; border:2px solid #0143b0;}
.departmentSites h2{ color:#fff; font-size:22px; background:#0143b0; padding:5px 15px 12px; transition:all .3s;}
.departmentSites a:hover .pic{ border:2px solid #f6b100;}
.departmentSites a:hover h2{ background:#f6b100;}
/**************/


.form-control::placeholder {color: #bbbbbb;}
.form-control:focus {box-shadow: 0 0 5px rgba(0,80,210,0.7);}
.btn:focus {box-shadow: none;}

/** Pagination **/
.pagination {display: inline-flex; margin-top: 15px;}
.pagination > li > a, .pagination > li > span {padding: 5px 12px; margin: 0 2px 5px 2px; font-size: 1rem; background: #003791; color: #f5f5f5; border: none;}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a.active {color: #003791; background: #f6b100; border: none;}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {border-radius: 0}
.page-item:first-child .page-link, .page-item:last-child .page-link {border-radius: 0;}


/********************* Contacts *********************/
.contact-map iframe{ width:100%; height:430px; margin:0 0 30px; border: 1px solid #dee2e6 !important;}
.socail{ margin-bottom:30px;}
.socail a.topSocialMedia{ font-size:26px; width:44px; height:44px; padding:8px 0 0 0; margin-top:0;}
.contact-page .border{ padding:30px; margin-bottom:30px;}
.contact-page .border h3{ font-size:20px;}
.call{font: normal 600 1.3rem 'Oswald'; text-align:inherit; color:#666;}
.call i{ font-size:1.7rem; color:#003284;}

.contact-info h5{ margin:0; color:#0143b0; font-size:20px;}
.contact-info p{ margin:0;}
.contact-info i{ width:48px; height:48px; border:1px solid #003284; color:#003284; font-size:24px; text-align:center; padding-top:12px; position:relative; background:#FFF;}
.contact-info i::after{ width:48px; height:48px; background:#f6b100; display:block; content:" "; z-index:-1; position:absolute; top:5px;
left:5px;}
.contact-info a{ display:block; font-size:16px;}

.contact-table span{ display:inline-block;}
.contact-table span i{ background:#003284; color:#FFF; width:16px; height:16px; font-size:9px; display:inline-block; border-radius:100%;
padding-top:3px; text-align:center; margin-right:3px; position:relative; top:-2px;}

@media (max-width: 767px){
.contact-page .border{ padding:15px;}
.contact-info i{ width:32px; height:32px; border:1px solid #003284; color:#003284; font-size:18px; padding-top:6px;}
.contact-info i::after{ width:32px; height:32px; top:3px; left:3px;}
.contact-info h5{ font-size:18px;}
.call{font: normal 600 1rem 'Oswald';}
.contact-info .ml-3, .contact-info .mx-3 { margin-left: .7rem !important;}
}

/******************Share******************/
.jssocials{margin-bottom: 20px;}
.jssocials-shares{direction: ltr;}
.jssocials-share{margin: 0.15em !important;}
.jssocials .fa{font-size: 14px;font-family: "fontello";font-style: normal;}
.jssocials .fa-at:before{content: "\e9b5" !important;}
.jssocials .fa-twitter:before{content: "\f099" !important;}
.jssocials .fa-facebook-f:before, .jssocials .fa-facebook:before{content: "\f09a" !important;}
.jssocials .fa-google:before{content: "\f1a0" !important;}
.jssocials .fa-linkedin:before{content: "\f0e1" !important;}
.jssocials .fa-whatsapp:before{content: "\f232" !important;}
.jssocials-share-label{display: none;}
.jssocials-share-link{width: 32px;height: 32px;border-radius: 0 !important;padding: .55em .6em;box-shadow: none !important;}