/*** 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';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo'), local('Cairo-Regular'), url(../fonts/cairo.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

/* 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;
}

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

/*** Standerd Global CSS ***/
html {direction: rtl}
body {padding: 0; margin: 0 auto; font: 200 14px 'Cairo' , sans-serif ; color: #333; /*line-height: 1.6rem;*/ background:#f5f5f5;}
img{ max-width:100%; height:auto;}
a{ color: #bf0600;}
a:hover{ color: #f6b100;}
.row {margin-right: -10px; margin-left: -10px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding-right: 10px; padding-left: 10px;}

/* Backgroun Colors */
.white-color {background: #ffffff}
.offWhite-color {background: #f6f6f6}
.whiteGray-color {background: #e5e5e5}
.gray-color {background: #eaeaea}
.babyBlue-color {background: #00bcf5}
.blue-color {background: #bf0600}
.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, i {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;  transition: ease 0.3s; -moz-transition: ease 0.3s; -webkit-transition: ease 0.3s; -o-transition: ease 0.3s; -ms-transition: ease 0.3s; font-size:18px; padding:0 0 10px 0; border-bottom:2px dotted #bf0600; border:none;}
.btn:hover ,  .btn:focus { background:none !important; box-shadow:none !important;}
/* Primary Button */
.btn-primary {background-color:transparent; color: #bf0600; border-bottom:2px dotted #bf0600;}
.btn-primary:hover , .btn-primary:focus{background-color:transparent; color: #f6b100 !important; border-bottom:2px dotted #f6b100 !important;}
.btn-center {display: table; margin: auto;}
/* Secondary Button */
.btn-secondary {background-color:transparent; color: #f6b100; border-bottom:2px dotted #f6b100;}
.btn-secondary:hover , .btn-secondary:focus{background-color:transparent; color: #bf0600 !important; border-bottom:2px dotted #bf0600 !important;}

.newsItemContainer a.btn { border-bottom:2px dotted #bf0600; color:#bf0600; padding:0 0 10px 0; position:absolute; bottom: 25px; left:0; right:0; max-width:75px;}
.newsItemContainer a.btn:hover { color:#f6b100; border-bottom:2px dotted #f6b100;}

/* Titles Styles */
h1, h2, h3 {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 {font-size: 1.5rem; color: #bf0600; padding: 0; margin: 0 0 20px 0;}
h1.blue {color: #bf0600;}
h1.darkBlue {color: #bf0600;}
h1.white {color: #ffffff;}
h1.whiteBG {display: table; background: #ffffff; padding: 0 40px;}
/*
h1.orangeLeftline::before, h1.orangeUnderline::after, h1.blueUnderline::after, h1.whiteUnderline::after {content: ''; position: relative; display: block; width: 60px; height: 0.3rem; z-index: 2;}
h1.orangeLeftline::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;}
*/
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; left: -40px;}
h1.orangeLRline::after {background: #f6b100; right: -40px;}
@media (max-width: 991px){
    h1.orangeLRline::before {display: none;}
    h1.orangeLRline::after {position: relative; right: 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 0 5px 10px; font-size: 1.3rem; border-bottom: 4px #bf0600 solid; margin: 0; z-index: 2;}
@media (max-width: 991px){
    .MainTitleContainer {
      /*  margin-top: 20px;*/
    }
}

h2 {font-size: 1.1rem; margin-bottom: 10px; color: #f8b800;}
h2.blue {color: #bf0600 !important;}
h2.white {color: #ffffff;}
h2.darkGray {color: #444444;}
h2.whiteBG {display: table; background: #ffffff; padding: 0 20px;}
h2.orangeLeftline::before, h2.orangeUnderline::after, h2.whiteUnderline::after, h2.underline::after {content: ''; position: relative; display: table; width: 40px; height: 0.15rem; z-index: 1;}
h2.orangeLeftline::before {background: #f6b100; position: absolute; left: -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-right: #bf0600 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.65rem;}
p.text-center-justify {text-align: justify; text-align-last: center;}

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

section {/*margin: 20px 0;*/}
a:focus , button:focus{ outline:none;}

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

/*** Header Top Bar Styles ***/
.topLimks-container {width: 100%; background:#e4c26b; 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.facebook {background-color: #00257c}
a.twitter {background-color: #0099ff}
a.youtube {background-color: #bd0100}
a.instagram {
    background-color: #D119AC
}
/*- Mobile View Style -*/
@media (max-width: 991px){
    .topSocialMediaContainer {text-align: center;}
    .topSocialMediaContainer a.language {display: inline-block;}
    .topLanguageContainer {display: none;}
}

/* Top Short Links Styles */
a.toplinks {color: #333; font-size:.73rem; display: inline-table; padding: 10px 5px; margin: 0 auto;}
a.toplinks:hover {color: #970000}
@media (max-width: 1199px){a.toplinks {font-size:.64rem;}}
@media (max-width: 767px){a.toplinks {font-size:.7rem;}}
/* Search Styles */
.search-container, .search-collapse-container {position: relative; width: 95%; margin: 4px auto; text-align: center;}
.search-collapse-container {display: none;}
.search-container form, .search-collapse-container form {margin: 0;}
.search-container input, .search-collapse-container .search-colapced-palceholder {width: 100% !important; height: 36px; border: 1px #bbbbbb solid; border-radius: 18px; padding: 5px 10px 5px 44px; margin: 0 auto; font-size: 12px; color: #444444;}
.search-container .btn, .search-collapse-container .btn {position: absolute; left: 4px !important; top: 4px; border: none; border-radius: 16px 0 0 16px;}
.search-container .btn {background-color: #bf0600; color: #ffffff; padding:5px 6px; }
.search-container .btn:hover{background-color: #f8b800 !important; color: #bf0600 !important;}
.search-container .form-control{ border-color:#bf0600;}
/*- Mobile View Styles -*/
@media (max-width: 991px){
	a.toplinks {font-size: .70rem;}
    .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 {left: 4px; padding: 10px; background-color: #f8b800; color: #bf0600;}
    .search-collapse-container .search-colapced-btn:hover {background-color: #bf0600; color:#ffffff;}
}

/* Language Styles */
.topLanguageContainer {text-align: left;}
a.language {display: inline-block; background-color: #bf0600; 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: #FFF; color:#bf0600;}
/*** 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 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 .navbar{min-height: 60px; background-color: #bf0600; font-family: 'GE Flow'; font-weight: 200; font-size: 16px;
margin-top:-30px;}
.navContainer nav{ border-top:4px solid #f6b100;}
.navContainer nav, .navContainer ul.navbar-nav {width: 100%; padding: 0; margin: 0;}
.navLable {display: none;}
.navContainer a.nav-link {padding: 1.25rem 1.83rem !important; color: #ffffff; min-height:62px;}
@media (min-width: 992px) and (max-width: 1199px){
    .navContainer a.nav-link {padding: 1.25rem 1.12rem !important;}
}
.navContainer a.nav-link {position: relative; color: #ffffff !important; z-index: 1;}
.navContainer a.nav-link i {font-size: 36px;}
.navContainer a.active {padding: 0.78rem 1.6rem !important; background-color: #f6b100; color: #bf0600 !important;}

/* Animation Styles */
.navContainer a.nav-link:hover, .navContainer a.nav-link:focus {color: #bf0600 !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; right: 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: 10px 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: 14px 0 auto auto;}
.navContainer ul.navbar-nav {background: #d00700; margin: 15px 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; min-height:inherit	;}
/* Animation Styles */
.navContainer .navbar{ margin-top:0;}
.navContainer {background-color: #bf0600;}
.navContainer a.nav-link i { font-size: 21px;}
.navContainer a.nav-link:hover {color: #ffffff !important;}
.navContainer a.nav-link:focus {color: #bf0600 !important;}
.navContainer a.nav-link::before {content:''; position: absolute; display: block; width: 0px; max-height: 3px; background: #f6b100; bottom: 0px; right: 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') left top repeat;*/}
/* News Ticker Styles */
.newsTickerContainer {width: 100%; min-height: 30px; background: #ffffff; padding: 2px; border: 1px #bf0600 solid; margin:20px 0;}
@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: right; width: auto; background: #bf0600; font: normal normal 1.1rem 'GE Flow'; color: #ffffff; padding: 6.1px 25px;}
#ticker_container #newsTitleBox .icon-left-dir {position: absolute; left: -5px; top: 4px; width: 20px; height: 20px; color: #bf0600; font-size: 1.7rem;}
#news {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#newscontent {max-width: 70%; float:right !important; padding: 5px 15px 5px; font-size: .75rem;}
#newscontent .newsTickerLogo {display: block; float: right; width: 25px; height: 25px; margin-left: 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:left !important;}
#controls {float: left !important; background: #f6b100; height: auto !important; padding: 10px 15px; width: 80px !important; overflow: hidden;}
#controls .icon-next {color: #fff !important;}
#controls .icon {fill: #FFF;}
#controls .icon:hover {fill: #bf0600;}
/* End News Ticker Stykes */

/* News Slider Styles */
.newsHomeSlider {width: 100%; margin-top: 10px;}
@media (min-width:768px){
.newsHomeSlider .col-md-8 {padding-right:0;}
}
.newsSliderInfo {background: #001840; color: #dddddd; font-size: 1rem; padding: 40px;}
.newsSliderInfo h1 {color: #f6b100; margin-top: 10px; font-size: 1.5rem;}
.newsSliderInfo p {max-height: 190px; overflow: hidden;}
.newsSliderInfo a.btn {display: table; margin: 20px auto; border-radius: 30px}
.newsHomeSlider .carousel-indicators {right: 40px; bottom: 15px; left: inherit; margin-right: 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 center 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-right: 30px; margin-bottom: 10px;}
    .newsSliderInfo p {max-height: 80px; padding-right: 30px; margin-bottom: 10px;}
    .newsSliderInfo a.btn {margin: 10px auto; padding: 5px 15px; font-size: .8rem;}
    .newsHomeSlider .carousel-indicators {right: 10px; bottom: 0px;}
    .newsHomeSlider .carousel-indicators li {width: 12px; height: 12px;}
    .newsSliderPhoto {height: 240px;}
    .newsHomeSlider .col-6 {padding-right: 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 {right: 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 0 10px rgba(191,6,0,.08);}
.newsItemContainer .newsImg {display: block; width: 100%; height: 160px; margin: 0 auto; background: center top no-repeat; background-size: cover;}
.newsItemContainer .textContainer {position: relative; background: #ffffff; padding: 20px; min-height: 250px;}
.newsItemContainer .textContainer h2 {position: relative;margin:0;}
.newsItemContainer .textContainer span {display: block; max-height:44px; overflow: hidden;}
.newsItemContainer .textContainer p{height:75px; overflow:hidden; margin:0;}
/*.newsItemContainer a.btn { border-bottom:2px dotted #bf0600; color:#bf0600; padding:0 0 10px 0;}
.newsItemContainer a.btn:hover { color:#f6b100; border-bottom:2px dotted #f6b100;}*/
.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: cover; margin-bottom: 20px;}
.newsDetailsContainer .dateContainer {display: table; color: #777777; margin-bottom: 8px;}
.newsDetailsContainer .date-time { margin-bottom:15px; font-size: 13px;}
/*.newsDetailsContainer a.btn {float: left;}*/
@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: left; margin: 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{display: block; background: center top; background-size: cover; width: 100%; height: 140px;}
.policeAndSocietyContainer h3 {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%; margin-bottom: 10px; text-align:center;}
.photoAlbumInner img , .photoAlbumInner object , .photoAlbumInner .pic{display: block; width: 100%; height: 280px; background: center top no-repeat; background-size: cover;}
.photoAlbumInner h3 {position: absolute; bottom: 0; width: 100%; text-align: right; padding: 30px 13px 13px 80px; margin: 0; color: #ffb800; font-size:15px;
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 { margin-bottom: 15px !important;}
.photoAlbumPageContainer {/*position: relative; width: 100%;*/ text-align: center; margin-bottom:15px;}
.photoAlbumPageContainer  .photoAlbumInner h3 { text-align:center; padding: 30px 15px 15px;}
.photoAlbumPageContainer  .photoAlbumInner i { font-size:60px; padding-top:100px; background: rgba(0%,0%,0%,.3); width:100%; height:100%;
position:absolute; left:0; top:0; color:#FFF;}
.photoAlbumPageContainer a{ position:relative;}
.photoAlbumPageContainer a:hover i{ background: rgba(0%,0%,0%,.4);}
/*.photoAlbumPageContainer li a{margin-bottom: 20px;}*/
/*** End Photo Album Section Style ***/

/*** Awareness Campaingns Styles ***/
.awarenessContainer {width: 100%; background: #d2b262; padding: 20px 25px 5px; min-height:224px;}
.awarenessCarouselContainer {width: 90%; margin: 0 auto;}

.awarenessContainer h1.orangeLRline { margin: 0 auto 5px auto; font-size:20px;}
.awarenessContainer h1.orangeLRline::before, .awarenessContainer h1.orangeLRline::after { width: 32px;}
.awarenessContainer h1.orangeLRline::before {background: #ffffff; left: -30px;}
.awarenessContainer h1.orangeLRline::after {background: #ffffff; right: -30px;}

@media (max-width: 767px){
.awarenessContainer { margin-bottom:20px;}
}

/*** 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; right: 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: right; width: 50%; height: 210px; padding: 8px;}
.policMix li.borderLeft {border-left: 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: 100%; max-width: 151px; height: 100%; max-height: 151px; background: #0042a8 center center no-repeat; background-size: contain; border: 20px #0058e1 solid; border-radius: 50%; margin: 10px auto;}
.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-right: 0;}
    .emergancyNum-DownloadApp-container .col-lg-9 {padding-left: 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: right; text-align: center; min-width: 140px; min-height: 180px; margin-bottom: 10px;}
.emergancyNumContainer i {display: inline-block; width: 100%; max-width: 120px; height: 100%; max-height: 120px; background: #bf0600 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: right; 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: right; 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: #970000; padding-top: 40px; font-size: .8rem; color: #b0b0b0; line-height: 1.3rem;}
footer.paddingTop200 {padding-top: 155px;}
footer h2 {font-size: 1.2rem;}
footer ul {margin-bottom: 30px;}
footer ul a {position: relative; color: #bbbbbb;}
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; right: 18px; bottom: 0;}
footer ul a:hover::after {width: 93%;}
.copyr-ight {background: #820000; padding: 30px 0; margin-top: 20px; text-align: center; color: #f6b100;}
.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 ***/

.news-slider{ position:relative;/*height:600px;*/margin-bottom:20px;}
.news-slider-top-bg { position:absolute; width:100%; height:40px; top:0; background: rgba(0,0,0,.3); display:block; z-index:2;}
.newsSliderPic {display: block; width: 100%; background: center top no-repeat; background-size: cover; height: 475px;}
.newsSliderThumbnail {display: block; width: 100%; background: center center no-repeat; background-size: cover; height: 80px; cursor:pointer;}
.slider-for .slick-prev, .slider-for .slick-next{top:20px; z-index:100;}
[dir="rtl"] .slider-for .slick-prev {right: auto; left:44px;}
[dir="rtl"] .slider-for .slick-next {right: auto; left:15px;}
.slick-dots{ bottom:inherit; top:14px; right:15px; text-align:right; z-index:3;}
.slick-dots li{ width:auto; height:auto; margin:0 2px;}
.slick-dots li button::before{ display:none;}
.slick-dots li button{ width:12px; height:12px; background:#FFF; border-radius:100%;}
.slick-dots .slick-active{opacity:1;}
.slick-dots .slick-active button{background:#bf0600;}
.slider-for .slick-prev, .slider-for .slick-next {background:#fff; width:24px; height:24px;}
.slider-for .slick-prev:hover, .slider-for .slick-next:hover , .slider-for .slick-prev:focus, .slider-for .slick-next:focus {background:#fff;}
.slick-prev::before, .slick-next::before {font-family: "fontello"; color:#bf0600;}
[dir="rtl"] .slick-prev::before{content: '\e87a';}
[dir="rtl"] .slick-next::before{content: '\e879';}
[dir="rtl"] .slider-for .slick-prev:hover::before , [dir="rtl"] .slider-for .slick-next:hover::before {color:#f6b100;}
.news-slider-caption{ font-size:17px; color:#fff; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
position:absolute; top:340px; width:100%; padding:0 65px; text-align:center; text-shadow:1px 1px 5px #000; text-decoration:underline; right:0;}
.slider-nav{ position:absolute; top:375px; width:100%; padding:0 65px;}
.slider-nav .slick-current , .slider-nav .slick-slide{ opacity:1;}
.slider-nav .slick-current object, .slider-nav .slick-slide object , .slider-nav .slick-current .newsSliderThumbnail, .slider-nav .slick-slide .newsSliderThumbnail{ border:1px solid #cccccc;}
.slider-nav .slick-current object , .slider-nav .slick-current .newsSliderThumbnail{ border:5px solid #f6b100;}
[dir="rtl"] .slider-nav .slick-prev {right:25px; top:50%; height:48px; height:48px;}
[dir="rtl"] .slider-nav .slick-next {left:25px; top:50%; height:48px; height:48px;}
[dir="rtl"] .slider-nav .slick-prev::before , [dir="rtl"] .slider-nav .slick-next::before { color:rgba(238,238,238,.6); font-size:44px;}
[dir="rtl"] .slider-nav .slick-prev:hover::before , [dir="rtl"] .slider-nav .slick-next:hover::before {color:#f6b100;}
.slick-dotted.slick-slider { margin-bottom: 0;}

@media (max-width: 767px){
.news-slider{ margin:20px 0;}
.newsSliderThumbnail { height: 50px;}
.newsSliderPic { height: 300px;}
.slider-nav{ top:230px; padding:0 30px;}
.news-slider-caption{ top:200px; font-size:14px; padding:0 30px;}
.slider-nav .slick-current object , .slider-nav .slick-current .newsSliderThumbnail{ border:3px solid #f6b100;}
[dir="rtl"] .slider-nav .slick-prev {right:7px;}
[dir="rtl"] .slider-nav .slick-next {left:7px;}
}

/*****/
.security-info{ text-align:center;}
.about-center , .security-info{ margin-bottom:20px;}
.about-center .MainTitleContainer{ margin:0;}
.about-center .gray-color{ padding:20px; min-height: 145px;}
.about-center p{ margin:0; font-size:16px;/* max-height:104px; overflow:hidden;*/}

/********/
.latest-news-part object{ width:100px; height:80px; background: center top no-repeat; background-size: cover; border:1px solid #bf0600;
display:block; float:right;}
.latest-news-part .media{ background:#f5f5f5; padding:10px; border:1px solid #e5e5e5; margin-bottom:10px; transition:all .3s;}
.latest-news-part .media:last-child{ margin-bottom:0;}
.latest-news-part .media a{ color:#333333;}
.latest-news-part .media a:hover{ color:#bf0600;}
.latest-news-part .media:hover { border:1px solid #bf0600;}
.latest-news-part .list-unstyled{ background:#FFF; padding:10px; box-shadow:0 0 10px rgba(191,6,0,.08); margin-bottom:20px;}
.latest-news-part .media-body p{ margin:0;/* text-decoration:underline;*/ line-height:180%; max-height:74px; overflow:hidden;}
.latest-news-part2 .MainTitleContainer{ margin-bottom:0;}
.latest-news-part2 .list-unstyled{ background:#e7e7e7; padding:10px; box-shadow:none; padding:15px;}
.latest-news-part2 .media:nth-child(2n+0) {background:none; padding:10px;}

/******/
.most-watched-item{ margin-bottom:20px;}
.most-watched-item object{width:100%; height:96px; background: center center no-repeat; background-size: cover; display:block;
text-align:center; color:#FFF; font-size:50px; padding-top:23px; border:1px solid #b1b1b1;}
.most-watched-item object:hover{color:#bf0600; border:1px solid #bf0600;}

/*************/
.latest-videos{ margin-bottom:20px;}
.latest-videos iframe{ width:100%; height:320px; border:1px solid #dddddd;}
.latest-videos object , .latest-videos .pic { width:100px; height:80px; background: center top no-repeat; background-size: cover; display:block; float:right;}
.latest-videos .media-body p{ margin:5px 0 0 0; text-decoration:underline; line-height:180%; max-height:64px; overflow:hidden; font-size:12px;}
.latest-videos .media{ background:#ffffff; padding:10px; border:1px solid #dddddd; margin-bottom:10px; transition:all .3s;}
.latest-videos .media a{ color:#333333;}
.latest-videos .media a:hover{ color:#bf0600;}

/*******/
.interior-press{ margin-bottom:-80px;}
@media (max-width: 767px){
.interior-press {margin-bottom: -130px;}
}
/************/
.social-bottom{ margin-bottom:16px;}
.social-bottom a{ width:50px; height:50px; border-radius:100%; background:rgba(255,255,255,.3); font-size:30px; text-align:center; display:inline-block; padding-top:10px; margin:0 5px;}
.social-bottom a:hover{ background:rgba(255,255,255,.6);}
.social-bottom a i{ color:#820000;}
.date-time{ color:#888; font-size:11px; display:block;}
/***************/
.news-filter li { margin-bottom:3px;}
.news-filter li a{ border:1px solid #dddddd; border-right:4px 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 #bf0600; border-right:4px solid #f6b100; color:#fff !important; background:#bf0600;}
/**************/
.form-control::placeholder {color: #bbbbbb;}
.form-control:focus {box-shadow: 0 0 5px rgba(191,0,0,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: #bf0600; color: #f5f5f5; border: none;}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a.active {color: #bf0600; background: #f6b100; border: none;
box-shadow: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;}

/********************/
.topLimks-container .container{ position:relative; z-index:2;}


/**********20/12/2018***********/
.big-video{ height:325px; background: center top no-repeat; background-size:cover; text-align:center; padding-top:125px;}
.big-video i{ color:#FFF; font-size:70px;}
.latest-videos .media-body{ display:flex;}

/**********13/1/2019***********/
.newsDetailsContainer p {font-size:16px;}
.newsDetailsContainer h2.blue {font-size:1.4rem;}

/******************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;}