/*
	Theme Name: هيئة الرقابة الادارية
	Theme Coder: AMAC
	font-family: 'TheSansPlain';
	First Color: #172330;
	Second color: #ae0200;
*/


/* -------------------------------- 
Primary style
-------------------------------- */
@font-face {
    font-family: 'TheSansPlain';
    src: url('../fonts/TheSansPlain.eot');
    src: url('../fonts/TheSansPlain.eot') format('embedded-opentype'),
         url('../fonts/TheSansPlain.woff2') format('woff2'),
         url('../fonts/TheSansPlain.woff') format('woff'),
         url('../fonts/TheSansPlain.ttf') format('truetype'),
         url('../fonts/TheSansPlain.svg#TheSansPlain') format('svg');
}
@font-face {
	font-family: 'GE SS Two Light';
	src: url('../fonts/GE SS Two Light.eot');
	src: local(''), url('../fonts/GE-SS-Two-Light.woff') format('woff'), 
	url('../fonts/GE-SS-Two-Light.ttf') format('truetype'), 
	url('../fonts/GE-SS-Two-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}
*, *::after, *::before {
	box-sizing: border-box;
}
:root{
    --main-font:'TheSansPlain';
    --sub-font:'GE SS Two Light';
    --main-color: #172330;
    --second-color: #ae0200;
    --light-color: #1e3042;
    --medium-color: #1c2936;
    --gray-color: #f1f2f2;
    --dgray-color: #858585;
    --gold-color: #dbb75b;
    --textright: left;
    --defult-size: 16px;
    --section-size: 32px; 
}
body {
    font-family:var(--main-font);
    font-size: var(--defult-size);
    text-align: var(--textright);
    color: var(--gray-color);
    background-color: #fff;
}
.row,.d-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
a,a:hover{
    text-decoration: none;
    color: var(--main-color);
    
}
@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1200px;
    }
}
.col-center {
    margin: 0 auto;
    display: block;
}
.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
h3 {
    font-size: 24px;
    line-height: 1.3;
}
p {
    color: var(--dgray-color);
    font-size: var(--defult-size);
}


/*--header Section
================================================================================================--*/
header {
	background-color:#fff;
	padding:15px 0;
}
header ul {
	display:flex;
	justify-content: flex-end;
}
header ul li {
	padding-left:10px;
	padding-right: 10px;
	border-right: 1px solid #dfdbdb;
}
    header ul li:last-child {
        border-right: none;
        right: 293px;
    }
header ul li a:hover {
	color: var(--second-color);
}
header i {
	color: var(--gold-color);
}



/*--navbar Section
================================================================================================--*/
.navbar-expand-lg .navbar-nav {
	flex-direction:row-reverse;
}
.bg-light {
	background-color: var(--second-color) !important;
}
.dropdown-toggle::after {
	display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-bottom: 0;
    border-right: 0.3em solid transparent;
}
.dropdown-toggle::before {
	display: none;
}
.navbar-light .navbar-nav .nav-link {
	color:#fff;
    font-size:14px!important;
}
.navbar-light .navbar-nav .active > .nav-link {
	color:#fff;
	/*background-color: var(--main-color);*/
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	color:var(--gold-color);
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	left: 0;
}
.dropdown-menu {
	right:auto;
	text-align: left;
	font-size: 0.9rem;
}
.ml-auto {
	margin-right:auto !important;
	margin-left:0 !important;
}

/*--slider banner Section
================================================================================================--*/
#banner {
	background-color:#fff;
}
.w-col {
	position:absolute;
	width:1200px;
	z-index:99999999999999;
	margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;

}  
.box-slide {
	position:relative;
	background:url(../images/rbox.png) repeat;
	padding:60px 70px 50px 70px;
	border-top-left-radius: 100px;
	margin-top:15%;
	right:0;
	left:auto;
}
.box-slide h1 {
	text-align:left !important;
	color:#fff;
	direction:ltr;
}
.box-slide p {
	text-align:left !important;
	color:#fff;
	direction:ltr;
}



/*--complaints Section
================================================================================================--*/
#Complaints {
	color:#fff;
	text-align:center;
	font-size:25px;
	background: rgb(23,35,48);
	background: linear-gradient(90deg, rgba(23,35,48,1) 0%, rgba(30,48,66,1) 100%);
}
#Complaints a {
	color:#fff;
}
#Complaints a:hover {
    color:var(--gold-color);
}
#Complaints span {
	font-weight:600;
}
.bg-send {
	background:#1e3042 url(../images/bg-send.png) top left no-repeat;
	width: 124px;
	height: 177px;
	justify-content: center;
}
.bg-follow {
	background:#1c2936 url(../images/bg-follow.png) top left no-repeat;
	width: 146px;
	height: 177px;
	justify-content: center;
}
.bg-call {
	background:#172330 url(../images/bg-call.png) top left no-repeat;
	width: 146px;
	height: 177px;
	justify-content: center;
}


/*--News Section
================================================================================================--*/
#news {
    background: url(../images/bg.jpg) top right no-repeat;
    padding: 80px 0;
}
h1 {
    font-family:var(--main-font);
    text-align: center;
    font-size:var(--section-size);   
}
h1 span {
    font-family:var(--main-font);
    font-weight: 600;
}
h1 a {
    color: var(--main-color);   
}
h1 a::before{
    content: "";
    display: block;
    width: 187px;
    height: 34px;
    margin:0 0 0 0;
    background: url(../images/s1.png) no-repeat;
    float: right;
}
h1 a::after{
    content: "";
    display: block;
    width: 187px;
    height: 34px;
    margin:0 0 0 0;
    background: url(../images/s2.png) no-repeat;
    float: left;
}
.col-xl-7 >.box-news {
    padding: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px -2px 5px 0px rgba(192, 192, 192, 0.75);
    -moz-box-shadow:    0px -2px 5px 0px rgba(192, 192, 192, 0.75);
    box-shadow:         0px 1px 5px 0px rgba(192, 192, 192, 0.75);
}
.col-lg-6 >.box-news {
    padding: 30px;
    -webkit-box-shadow: 0px -2px 5px 0px rgba(192, 192, 192, 0.75);
    -moz-box-shadow:    0px -2px 5px 0px rgba(192, 192, 192, 0.75);
    box-shadow:         0px 1px 5px 0px rgba(192, 192, 192, 0.75);
}
.box-news {
    padding: 15px;
    -webkit-box-shadow: 0px -2px 5px 0px rgba(192, 192, 192, 0.75);
    -moz-box-shadow:    0px -2px 5px 0px rgba(192, 192, 192, 0.75);
    box-shadow:         0px 1px 5px 0px rgba(192, 192, 192, 0.75);
    margin-bottom: 30px;
}
h3.title a {
    color: var(--main-color);
    font-weight: 600;   
}
h5.title,h4.title {
    font-weight: 600;
}
h4.title a {
    font-size: 30px;
    color: var(--main-color);   
}
h5.title a {
    font-size: 18px;
    color: var(--main-color);   
}
.date-red {
    color: var(--second-color); 
    font-size: 14px;  
    display: block;
}
.more-news {
    font-size: 18px;
    font-weight: 600;
    background-color: var(--main-color);
    padding: 15px;
}
.more-news:hover {
    font-size: 18px;
    font-weight: 600;
    background-color: var(--second-color);
    padding: 15px;
}
.more-news a {
    color: #fff;
}
.mlink {
	background:url(../images/mlink.png) bottom left;
	width:49px;
	height:52px;
	position:absolute;
	right:0;
	bottom:0;
}



/*--media Section
=====================================================================================--*/
#media {
    background: url(../images/media.jpg) bottom center no-repeat;
    padding: 80px 0 250px 0;
}
#media a {
    color: var(--main-color);
}
#media a:hover {
    color: var(--second-color);
}
.box-w {
    padding: 35px;
    -webkit-box-shadow: 0px -2px 5px 0px rgba(192, 192, 192, 0.75);
    -moz-box-shadow:    0px -2px 5px 0px rgba(192, 192, 192, 0.75);
    box-shadow:         0px 1px 5px 0px rgba(192, 192, 192, 0.75);
}
.box-w:hover {
    border-bottom: 3px solid var(--second-color);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.category-box {
    background-color: var(--second-color);
    font-size: 10px;
    padding: 2px 4px; 
}
.date-m {
    color: var(--dgray-color);
}



/*--sites Section
========================================================================================--*/
#sites {
    background: rgb(2,0,36);
    background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(201,2,0,1) 0%, rgba(174,2,0,1) 100%);
    padding: 80px 0;
}
#sites .box-w {
    padding: 0 15px;
}
#sites .box-w:hover {
    border-bottom: none;
}
.slick-slide {
    float: left !important;
}
.logos img {
    border-right: 1px solid var(--gray-color);
    padding-bottom: 5px;
}


/*--organization Section
=============================================================================--*/
#organization-info {
    background-color: var(--gray-color);
    padding: 80px 0;
}
#organization-info h1 {
    text-align: center;
}
#organization-info h1 a::after{
    content: "";
    display: block;
    width: 230px;
    height: 23px;
    margin:12px 0 0 0;
    background: url(../images/s3.png) no-repeat;
    float: right;
}
#organization-info h1 a::before{
    display: none;
}
#organization-info .col-xl-6:nth-child(2) h1 a::after {
    content: "";
    display: block;
    width: 100px;
    height: 23px;
    margin:12px 0 0 0;
    background: url(../images/s3.png) no-repeat;
    float: right;
}
h6.title {
    color: var(--second-color);
    font-weight: 600;
    font-size: 18px;
}
.btn-primary {
    color: #fff;
    background-color: #e0c066;
    border-color: #e0c066;
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--second-color);
    border-color: var(--second-color);
}
.btn {
    padding: 2px;
    font-size: 0.5rem;
}
ul.cv {
    direction: ltr;
    color: var(--dgray-color);
    font-size: 16px;
}
/*ul.cv li::before {
    content: "•"; 
    color: red;
    margin-left: 15px;
    display: inline-block;
}*/
.border-line {
    height: 1px;
    border-left:15px solid #fff;
    border-right:15px solid #fff;
    background-color: var(--gray-color);
    width: 100%;
    margin-bottom: 25px;
    margin-top: 15px;
}


/*--links Section
===========================================================================--*/
#quick-links {
    padding: 80px 0 160px 0;
    color: var(--main-color);
}
.box-links {
    background: #fff url(../images/eagle.png) bottom left no-repeat;
    min-height: 400px;
    padding: 20px;
    -webkit-box-shadow: 0px -2px 5px 0px rgba(192, 192, 192, 0.75);
    -moz-box-shadow:    0px -2px 5px 0px rgba(192, 192, 192, 0.75);
    box-shadow:         0px 1px 5px 0px rgba(192, 192, 192, 0.75);
}
.box-links:hover {
    background: var(--second-color) url(../images/eagle-h.png) bottom left no-repeat;
}
.icon-01 {
    background: url(../images/icons/pin.png) no-repeat;
    width: 98px;
    height: 63px;
    margin: 0 auto;
}
.box-links:hover .icon-01 {
    background: url(../images/icons/pin-h.png) no-repeat;
    width: 98px;
    height: 63px;
    margin: 0 auto;
}
.icon-02 {
    background: url(../images/icons/mail.png) no-repeat;
    width: 98px;
    height: 63px;
    margin: 0 auto;
}
.box-links:hover .icon-02 {
    background: url(../images/icons/mail-h.png) no-repeat;
    width: 98px;
    height: 63px;
    margin: 0 auto;
}
.icon-03 {
    background: url(../images/icons/env.png) no-repeat;
    width: 98px;
    height: 63px;
    margin: 0 auto;
}
.box-links:hover .icon-03 {
    background: url(../images/icons/env-h.png) no-repeat;
    width: 98px;
    height: 63px;
    margin: 0 auto;
}
.icon-04 {
    background: url(../images/icons/callus.png) no-repeat;
    width: 98px;
    height: 63px;
    margin: 0 auto;
}
.box-links:hover .icon-04 {
    background: url(../images/icons/callus-h.png) no-repeat;
    width: 98px;
    height: 63px;
    margin: 0 auto;
}
#quick-links h4 {
    font-size: 25px;
    color: var(--main-color);
    font-weight: 600;
}
#quick-links .box-links:hover h4 {
    color: #fff;
}
#quick-links ul {
    list-style: none;
    padding: 0;
}
#quick-links ul li {
    margin-bottom: 5px;
}
#quick-links ul li:first-child {
    font-size: 22px;
}
.box-links:hover ul li a {
    color: #fff;
}


/*--footer Section
===========================================================================--*/
footer {
    background: url(../images/footer.jpg) top right repeat-x;
}
.bg-footer {
    background: url(../images/bg-footer.png) top right no-repeat;
}
.flogo {
    margin-top: -75px;
    margin-bottom: 30px;
}
.content-footer {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 30px;
}
footer ul {
    list-style: none;
    margin-bottom: 25px;
    z-index: 1;
    padding: 0;
}
footer ul li a.main {
    color:#c1c1c1;
    font-size: 17px;
    font-weight: 600;
}
footer ul li a {
    color:#fff;
    font-size: 12px;
}
footer ul li a:hover {
    color:#fff;
}
.footer-bar {
    border-top: 1px solid #737373;
    border-bottom: 1px solid #737373;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 28px 15px;
    margin-top: 50px;
}
.footer-bar a{
    color:#c1c1c1;
    font-size: var(--defult-size);
}
.footer-bar a:hover{
    color:var(--gold-color);
}
.footer-bar a img{
    float: left;
    margin-right: 10px;
}
.footer-bar a span{
    float: left;
    margin-top: 5px;
}
footer p {
    color: var(--gray-color);
    font-size: 14px;
    direction: ltr;
    text-align: center;
    padding-top: 30px;
}


/*--inner Section
===========================================================================--*/
#inner {
    background: url(../images/inner.jpg) top left no-repeat;
    padding-bottom: 50px;
    background-position: bottom;
}
.breadcrumb {
	flex-direction:row;
	margin-bottom:0;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #6c757d;
    content: "/";
}
.breadcrumb-item + .breadcrumb-item::after {
    display: none;
}
#inner p {
	direction:ltr;
}
#inner h6 {
	text-align:left;
	display: flex;
	font-size:25px;
    flex-direction: row;
}
#inner h6 a::after{
    display: none;
	text-align:left;

}
#inner h6 a::before{
    content: "";
    display: block;
    width: 100px;
    height: 34px;
    margin:-5px 0 0 10px;
    background: url(../images/s1.png) no-repeat;
    float: right;
}


/*--outer Section
===========================================================================--*/
#outer {
    background-color: #eee;
    padding: 30px 0;
	margin-top:20px;
}


.border-L{
    border-right: #eeeeee 1px solid;
}
.border-m3 {
    height: 1px;
    width: 100%;
    background-color: #eee;
    border-left: 15px solid #f7f7f7;
    border-right: 15px solid #f7f7f7;
    margin-bottom: 10px;
}
#outer h6 {
	text-align:left;
	display: flex;
	font-size:25px;
    flex-direction: row;
}
#outer h6 a::after{
    display: none;
	text-align:left;

}
#outer h6 a::before{
    content: "";
    display: block;
    width: 100px;
    height: 34px;
    margin:-5px 10px 0 0;
    background: url(../images/s2.png) no-repeat;
    float: right;
}
#outer h5.title a {
	font-size:16px;
}
#outer p {
	font-size:14px;
	direction:ltr;
}
ul.most-read {
	list-style: disc;
	direction:ltr;
	padding-left:25px;
}
ul.most-read li  {
	border-bottom:1px dotted var(--dgray-color);
	padding-bottom:5px;
	padding-top:5px;	
}
ul.most-read li a {
	color: var(--main-color);
	font-size:14px;	
}
ul ::marker {
	color: var(--second-color);
}
.form-check {
    direction: ltr;
    padding-right: 20px;
}
.form-check-input {
    margin-left: -1.25rem;
}
.form-check-label {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
	color: var(--main-color);
}
.poll-title {
	font-size:20px;
	color: var(--second-color);
	margin-top:15px;
}
.btn-poll {
	color: #fff;
    background-color: var(--second-color);
	border-style:none;
	padding:5px 20px;
	font-size:14px;
}
.all {
	font-size:16px;
	margin-top:10px;	
}
.box-outer {
    padding: 0;
    -webkit-box-shadow: 0px -2px 5px 0px rgba(192, 192, 192, 0.75);
    -moz-box-shadow:    0px -2px 5px 0px rgba(192, 192, 192, 0.75);
    box-shadow:         0px 1px 5px 0px rgba(192, 192, 192, 0.75);
    margin-bottom: 30px;
}
.date-outer {
	background-color:var(--second-color);
	color:#fff;
	text-align:center;
	width:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:999999999;
	padding:5px 10px;
	font-size:12px;
}
.cat-outer {
	background-color:var(--main-color);
	color:#fff;
	text-align:center;
	font-weight:600;
	padding:5px 10px;
	font-size:16px;
}


/*--contact Section
===========================================================================--*/
#contactus {
    background: url(../images/media.jpg) bottom center no-repeat;
    padding: 20px 0 130px 0;
}
.form-control {
	text-align:left;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--dgray-color) !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--dgray-color) !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--dgray-color) !important;
}
form h3 {
	color: var(--second-color);
}
.btnContact {
	color: #fff;
    background-color: #e0c066;
    border-color: #e0c066;
	border-style:none;
	padding:5px 20px;
}







.contentin p, .contentin ol li, .contentin ul li {
    direction: ltr !important;
    color: #000 !important;
	text-align: justify;
	font-size: 18px;
}


.btnContact {
    color: #fff;
    background-color: #e0c066;
    border-color: #e0c066;
    border-style: none;
    padding: 5px 20px;
}

.img-100 {
    width: 100%;
    height: 350px;
    border-radius: 20px;
    -webkit-box-shadow: 5px 5px 15px 5px #afafaf;
    box-shadow: 5px 5px 15px 5px #d6cccc;
}

.fixcontent iframe {
    width: 100%;
    height: 500px;
}



@media (min-width: 1200px) {
    .box-slide {
        padding: 30px !important;
        border-top-right-radius: 100px;
        margin-top: 515px !important;
    }
}



.form-group select {
    text-align: right;
    direction: rtl !important;
}

.heado h1 span {
    font-size: 23px;
}


.page-item.active .page-link {
    background-color: #9f1100 !important;
    border-color: #9f1100 !important;
}

.page-link {
}




.pagination {
    direction: rtl !important;
	margin-bottom: 50px;
}

.contentin table, .contentin table tr td {
    border: 1px solid #c6c6c6 !important;
    color: #000 !important;
    direction: ltr !important;
}



.innerbody {
    /*  width:100%;*/
    text-align: center;
}

.contentin iframe, contentin iframe video {
    width: 100% !important;
}

video {
    width: 100% !important;
}

.contentin p img {
    /* max-width:100%;
    width:100%;*/
    text-align: center !important;
    max-width: 100%;
}



.imgmainf {
    width: 100%;
    height: 350px
}


@media only screen and (max-width: 767px) {

    .imgmainf {
        width: 100%;
        height: 150px !important;
    }

    .innerbody img {
        max-width: 100%
    }

    .searchimg {
        right: 80px!important;
    }

    #organization-info h1 a::after {
        width: 100% !important;
    }

  /*  .d-flex {
        flex-direction: column !important;
    }*/

    /* _::-webkit-full-page-media, _:future, :root .safari_only {
        footer .content-footer
        {
            display:block!important;
        }
    }
*/
}


@media (max-width: 480px) {
    .mr-minus {
        margin-right: unset !important;
    }

    .navbar-light .navbar-toggler {
        top: -100px !important;
    }

  /*  .d-flex {
        flex-direction: column !important;
    }*/
}


.contentin {
    direction: rtl !important;
    color: #000 !important;
}

.bolcks-h {
    font-size: 19px !important;
}

.tawi3aimg {
    width: 100%;
    height: 150px;
}




/* 2778x1284 pixels at 458ppi   Phone 12 Pro Max */
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
    .d-flex {
        -webkit-flex: 1 1 auto;
        flex-wrap: unset !important;
    }
}



/* 2340x1080 pixels at 476ppi iPhone 12 Mini*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .d-flex {
        -webkit-flex: 1 1 auto;
        flex-wrap: unset !important;
    }
}




/* 1792x828px at 326ppi iPhone 11*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
    .d-flex {
        -webkit-flex: 1 1 auto;
        flex-wrap: unset !important;
    }
}



@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
    .d-flex {
        -webkit-flex: 1 1 auto;
        flex-wrap: unset !important;
    }
}


@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
    .d-flex {
        -webkit-flex: 1 1 auto;
        flex-wrap: unset !important;
    }
}


.searchimg {
    right: 153px;
    position: absolute !important;
    top: 2px !important;
}

  #firstTop .NewsDetails {
            /*  min-height: 192px !important;
            max-height: 192px !important;*/
            font-size: 1em;
            direction: ltr;
            text-align: center;
        }
		
		
		  #firstTop .carousel-caption h2 {
            /*  min-height: 100px;
            max-height: 100px !important;*/
            margin-top: 0px;
            background-color: transparent;
            margin-bottom: 8px;
            padding: 1%;
            box-sizing: border-box;
            color: #fff;
            font-size: 1.2em;
            color: #333;
            /*border: 1px #e4e4e4 solid;*/
            height: 145px;
        }
		
		 .innerbody img {
        max-width: 100%
    }