@import "https://alabbas.gov.iq/static/fonts/URWDINArabic/styles.css";
@import "https://alabbas.gov.iq/static/fonts/fonts/styles.css";



* {
    font-family: 'BBCNassim';

}

a {
    color: inherit;
}

.row {
    position: relative;
}

.column {
    margin-bottom: 5px;
}

img:not(.img) {
    width: 100%;
    height: auto;
}

@keyframes imgbg {
    0% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 100%;
    }
}

a:hover {
    color: inherit;
}

.imgbg {
    width: 100%;
    height: 200px;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.imgbg:hover {
    /*animation: imgbg 3s linear;
    background-position: 0% 100%;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'HacenLinerXL';
}

body {
    background: #fff;
}

.fluid {
    max-width: 100%;
}
/********************************* Old Css *********************************************************/
.logo_text{
    font-size: 22px;
    margin-bottom: 3px;
    padding-right: 17px;
}
.header_serch{
    float: left;
    margin-top: 75px;
    width: 294px;
}

.header_menu{
 background-color: rgb(191, 0, 16);
height: 42px;
}
.menu{
color:#fff;

}
.menu li{

    padding-top: 13px;
    padding-bottom: 14px;
    font-size: 21px;
    margin: 0px 10px;
    padding-left: 18px;
    padding-right: 17px;
}
.menu li a{
font-size:16px;
font-family: 'URWDINArabic-Regular';
padding:0px;
}

.menu li:hover{
  background: #000;
}
.header_input_search{
    width: 200px;
float: right;
}
.search_in_site{
margin-top: 6px;
    display: block;
    text-align: center;
    width: 88px;
    float: right;
    font-size: 17px;
    padding-right: 5px;
}
.image_slider{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.image_slider_title{
font-weight: bold;
font-family: 'URWDINArabic-Regular';
left:167px;
top:78px;
width:358px;
height:40px;
position:absolute;
color:#FFFFFF;
font-size:18px;
line-height:1.2;
text-align:center;
}

.category{
    padding-top: 5px;
width:42px;
height:35px;
background-color: rgb(162, 172, 179);

}

.category_title{
    font-family: 'URWDINArabic-Regular';
    width: max-content;

    margin-right: 10px;

    float: right;
   border-bottom: 1px #000000 dotted;
}
.category_title:hover{
color:#000!important;

}
.category_title a{
font-size: 18px;
    font-family: 'URWDINArabic-Regular';
    }
.news_cell{
    float: right;
    padding-left: 30px;
    width: 99%;

}
.news_image{
    height: 230px;

}
.news_title{

    color: rgb(88, 88, 88);
    font-size: 18px;
}
.date{
padding-top:7px;
    direction: ltr;
color:#a0a0a0;
}
.image_gallery{
height:100px;
background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.img_background{
background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}
.orbit-previous, .orbit-next {
    height: 32px;
    top: 89%;
    background: #e5e5e5;
    cursor: pointer;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.orbit-next {
    right: 42px;
    left: 0;
}
.gallery_video_category{
    font-family: 'URWDINArabic-Regular';
margin-top: 50px;
    padding-top: 11px;
height:50px;
background:#bf0010;
font-size:18px;
color:#fff;
}
.time_{
float:right;
}
.view{
float:left;
}
.visual_report{

float: right;
    width: 100%;
    text-align: right;
    color: #ff5800;
}
.gallery_video_image{
   /* height: 86px;
    width: 93px; */
        height: 103px;
        width: 156px;

}
.martyr{
    padding-right: 75px;
    height: 478px;
    background-color: rgb(46, 60, 69);
    padding-left: 75px;
}

.martyr_details{
    /* width: 270px; */
color:#fff;
font-size:18px;
text-align:center;
    padding: 0px 22px;
}
/*
.line{
    left: 5px;
    position: initial;

}
*/
.line {
    top: -300px;
    left: 5px;
    position: relative;
}
    .email {
        text-align: center;
        width: 211px;
        float: left;
        color: #000;
            display: contents;
    }
    .email_title {
        text-align: center;
        color:#000;
    }
    .email_input {
    width: 208px;
    margin-right: auto;
    height: 33px;
    border-radius: 5px;
    border: 1px solid #00fd08;
    margin-left: auto;
    }
    .button_send {
        cursor: pointer;
        border: solid 1px #4a903c;
        width: 75px;
        height: 32px;
        padding: 4px;
        background-color: #4a903c;
        border-radius: 7px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        padding-top: 6px;
        -webkit-transition: .1s ease-in-out;
        transition: .1s ease-in-out;
    }
    .title_details{
    margin-top: 18px;
    font-size: 20px;
    border-bottom: dotted 1px;
    padding-bottom: 14px;
    }
    /**************** social media **********************************/
    .socialicon {
    float:left;
        background: url('https://alabbas.gov.iq/static/images/site/social_media.svg');
        height: 34px;
        width: 31px;
        margin: 0 5px;
        transition: transform 0.6s ease-in-out;
        display: block;
        background-size: 125px 45px;
    }
    .socialicon-twitter {
       background-position:61px 0px;
    }
    .socialicon-facebook {
       background-position:31px 0px;
    }
    .socialicon-whatsapp {
        background-position:0px 0px;
    }
    .socialicon-telegram {
       background-position:95px 0px;
    }
    .socialicon:hover {
       /* transform: rotate(360deg);*/
    }
    /************************* social media *************************/
    .circle{
        height: 13px;
        width: 13px;
        background: #449284;
        border-radius: 50%;
        float: right;
        margin-top: 8px;
        margin-left: 7px;
    }
    .social_ul {
        float: left;
        display: flex;
        position: inherit;
        /* top: 50%; */
        /* left: 50%; */
        transform: translate(-50%, -50%);
        top: 32px;
        margin-bottom: 9px;
        margin-left: 69px;
        margin-top: 18px;
    }


    .social_ul li {
        margin-top: 10px;
        list-style: none;
    }

    .icon_s {
    margin-top: 6px;
        width: 32px;
        height: 32px;
        background-color: #FFFFFF;
        text-align: center;
        font-size: 20px;
        line-height: 34px;
        margin: 0 10px;
        display: block;
      /*  border-radius: 50%;  */
        position: relative;
        overflow: hidden;
        border: solid 1px #44474a;
        z-index: 2;
    }

    .social_ul li a .fa {
        position: relative;
        color: #262626;
        transition: .5s;
        z-index: 3;

    }

    .social_ul li a:hover .fa {
        color: #FFFFFF; /* لون الايقونة بعد الهوفر */
        transform: rotateY(360deg);
    }


    .icon_s:before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: #FF0000;
        transition: .5s;
        z-index: 1;
    }

    .social_ul li a:hover:before {
        top: 0;
    }


    .social_ul li:nth-child(1) a:before {
        background-color: #3b5999; /* الفيس بوك*/
    }

    .social_ul li:nth-child(2) a:before {
        background-color: #55acee; /* تويتر */
    }

    .social_ul li:nth-child(3) a:before {
        background-color: #25D366; /* الواتساب */
    }
    /**************************************/

    .description{
        margin-top: 25px;

    }
        .link_hover{
            display: block;
            height: 200px;
        }

    .live_header p {
        margin-bottom: 7px;
    }
    .live_header{
        border-bottom: solid 1.3px rgb(218, 218, 218);

    }
    .live_header p{
        font-size: 16px;
        font-weight: bold;
    }
    .live_green_border{
    position: absolute;
        width: 42px;
        height: 3px;
        background: #5bb94b;
        margin-top: -1.2px;
    }
        .hover_r{
            padding-top: 7px;
            margin-top: 12px;
            font-size: 17px;
            height: 38px;
            padding-right: 8px;
        }

        .hover_r:hover{
            background-color: rgb(239, 244, 247);
        }
            .sittingStyleInside {
                padding-right: 100px;
                min-height: 576px;
            }

 .social_media{
position: absolute;
    height: 38px;
    background-color: rgb(104, 107, 83);
    width: 322px;
    left: 20.5%;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
 }
 .header_social_ul{

float: left;
    display: flex;
    position: inherit;
    /* top: 50%; */
    /* left: 50%; */
    transform: translate(-50%, -50%);
    top: 22px;
margin-right: -161px;
 }
 .header_social_ul li {

    font-size: 19px;
    padding-top: 3px;
    margin-top: -7px;
    height: 40px;
    color: #fff;
    text-align: center;
    width:64.4px;
    list-style: none;
    border-left: 1px solid #aba0a0;
    border-right: 1px solid #aba0a0;

 }
.header_social_ul li:nth-child(5) ,.header_social_ul li:nth-child(1) {
    border-right:0px ;
    border-left:0px ;
}
.header_social_ul li a{

display: block;
    height: 44px;
    margin-top: -7px;
    padding-top: 8px;
    width: 64.4px;
-webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}
.menu li a{
font-family: 'URWDINArabic-Regular';
}
.header_social_ul li a:hover {
background:#99a54b;
}

.header_social_ul li:nth-child(5)  a{
  border-bottom-left-radius: 18px;
}
.header_social_ul li:nth-child(1)  a{
border-bottom-right-radius: 18px;
}

.footer_social_ul{

    font-size: 19px;
    padding-top: 3px;
    margin-top: -7px;
    height: 40px;
    color: #fff;
    text-align: center;
 width: fit-content;
    list-style: none;
    margin: 0 auto;
}
 .footer_social_ul li {
 float:right;
    font-size: 19px;
    padding-top: 3px;
    margin-top: -7px;
    height: 40px;
    color: #fff;
    text-align: center;
       width: 47.4px;
    list-style: none;


 }
 .footer_social_ul li a{
 display: block;
     height: 44px;
     margin-top: -7px;
     padding-top: 8px;
    width: 35.4px;
 -webkit-transition: .1s ease-in-out;
     transition: .1s ease-in-out;
 }
 /******************* video css  ************************************/
 .video_category{
 background:#252525;
height:500px;
margin-top: 50px;
 }
.video_category_title{
color: #fff;
    text-align: center;
    margin-top: 34px;
    font-size: 19px;
    margin-bottom: 15px;
}
.video_image_1{
height:393px;
width:100%;
 background-repeat:no-repeat;
background-size: cover;
background-position: center;
}
.video_image_2{
    height: 190px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.video_image_2:nth-child(2){
    margin-top: 13px;

}

 .video_cell{
 margin-left: 6px;
 position: relative;
 width: 694px!important;
    height: fit-content;
 }
 .set-grid div.cell {
     margin-bottom: 22px;
     margin-left: 0;
     overflow: hidden;
 }
 .image-news-miscellaneous {
     width: 100%;
     height: 100%;
 }
 .partNewsImage {
     padding-left: 1rem;
 }
 .iconVideoNews {
     position: absolute;
     top: 0;
     height: 100%;
     width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
 }
 .iconVideoNews .iconCenterDiv {
     text-align: center;
 }
 .partNewsImage .iconCenterDiv img.img {
     width: 50px;
         top: 34%;
     right:1%;
         position: absolute;
         opacity: 0;
     transition: all 0.4s ease;
 }
 .title-miscell-news {
    line-height: 1.2;
    font-size: 22px;
     color: #fff;
     margin-left: 8px;
     margin-right: 8px;
     padding-right: 4px;
     padding-left: 4px;
     justify-content: center;
     text-align: center;
     overflow: hidden;
  position: relative;
         opacity: 0;
     bottom: -360px;
     -webkit-transition: all 0.4s ease;
     transition: all 0.4s ease;
 }
 .cell-news-miscellaneous:hover .partNewsImage .iconCenterDiv img.img {
  /*   width: 35px; */
  right: 50%;
  opacity:1;
 }

 .cell-news-miscellaneous:hover .xx-fade {
     background: -moz-linear-gradient(3deg, rgba(0, 39, 64, 0.77) 16%, rgba(134, 59, 97, 0) 76%);
     background: -webkit-gradient(3deg, rgba(0, 39, 64, 0.77) 16%, rgba(134, 59, 97, 0) 76%);
     background: -webkit-linear-gradient(3deg, rgba(0, 39, 64, 0.77) 16%, rgba(134, 59, 97, 0) 76%);
     background: -o-linear-gradient(3deg, rgba(0, 39, 64, 0.77) 16%, rgba(134, 59, 97, 0) 76%);
     background: -ms-linear-gradient(3deg, rgba(0, 39, 64, 0.77) 16%, rgba(134, 59, 97, 0) 76%);
     background: linear-gradient(3deg, rgba(11, 13, 14, 0.77) 16%, rgba(134, 59, 97, 0) 76%);
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     -webkit-transition: all 5s ease;
     transition: all 5s ease;
 }

 .cell-news-miscellaneous:hover .title-miscell-news {
    bottom: -350px;
     height: 47px;
     opacity:1;

 }
 .video_title_second{
 bottom: -132px;

 }
 .cell-news-miscellaneous:hover .video_title_second{
 bottom: -132px;
 }
 .sub_category{
 padding-right:17px;

 }
 /********************************** hover martyrs **********************************************/


    .column {
        margin: 15px 15px 0;
        padding: 0;
    }

    .column:last-child {
        padding-bottom: 60px;
    }

    .column::after {
        content: '';
        clear: both;
        display: block;
    }

    .column div {
        margin-left: 50px;
        position: relative;
        float: left;
     /*   width: 172px; */
        height: 230px;
        margin: 0 0 0 25px;
        padding: 0;
    }

    .column div:first-child {
      /*  margin-left: 0;*/
    }

    .column div span {
        position: absolute;
        bottom: -20px;
        left: 0;
        z-index: -1;
        display: block;
        width: 170px;
        margin: 0;
        padding: 0;
        color: #444;
        font-size: 18px;
        text-decoration: none;
        text-align: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        opacity: 0;
    }

    .figure {
        width: 172px;
        height: 230px;
        margin: auto;
        padding: 0;
        background: #fff;
        overflow: hidden;
    }

    .figure:hover + span {
        bottom: -36px;
        opacity: 1;
    }


    /* Circle */
    .hover15 .figure {
        cursor: pointer;
        position: relative;
    }

    .hover15 .figure::before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: '';
        width: 0;
        height: 0;
       /* background: rgba(255, 255, 255, .2); */
       background: rgba(152, 249, 120, 0.2);
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }

    .hover15 .figure:hover::before {
        -webkit-animation: circle .75s;
        animation: circle .75s;
    }

    @-webkit-keyframes circle {
        0% {
            opacity: 1;
        }
        40% {
            opacity: 1;
        }
        100% {
            width: 200%;
            height: 200%;
            opacity: 0;
        }
    }

    @keyframes circle {
        0% {
            opacity: 1;
        }
        40% {
            opacity: 1;
        }
        100% {
            width: 200%;
            height: 200%;
            opacity: 0;
        }
    }


/****************************************/

    .figure_2 {
        overflow: hidden;
    }


    a:hover {
        text-decoration: none;
    }

    .column_news .image_slider {
        display: block;
        width: 100%;

    }




    /*Zoom In*/
    .column_news#zoomIn .image_slider {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    .column_news#zoomIn:hover .image_slider {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    /*Zoom Out*/
    .column_news#zoomOut .image_slider {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    .column_news#zoomOut:hover .image_slider {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
/*********************************/
.logo{
max-width: 110px;
}
.alabbas_text{
max-width: 270px;margin-right: 8px;

}
/***********************************/


/*  css of mobile */

    * {
        margin: 0;
        padding: 0;
    }
    .gsc-control-cse{
        display: none;
    }
    /* Icon 1 */

     #nav-icon3{
         margin-right: 23px;
         margin-top: 26px;
         margin-left: 20px;
         zoom: .5;
        width: 60px;
        height: 45px;
        position: relative;
         float: right;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

   #nav-icon3 span{
        display: block;
        position: absolute;
        height: 9px;
        width: 100%;
        background: #fff;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }


    /* Icon 3 */

    #nav-icon3 span:nth-child(1) {
        top: 0px;
    }

    #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
        top: 18px;
    }

    #nav-icon3 span:nth-child(4) {
        top: 36px;
    }

    #nav-icon3.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #nav-icon3.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    @keyframes transformscale {
        0% {opacity:0.0;transform:scale(0.1);}
        100% {opacity:1;transform:scale(1);}
    }
.menumobile{
    transform:scale(1)!important;
    height: auto !important;
}
#menu{
    z-index: 111111111111111111111111111111111111111111111111;

}
    #menu{
        font-weight: bold;
        color: #233a74;
        transform:scale(0);
        margin-top: 47px;
        background: #383636;
        position: absolute;
        min-width: 200px;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease;
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        transform-origin:100%   0% ;
         /*   height:300px!important; */
    }



   /* end css mobile */
@media screen and (max-width: 1130px){
.social_media{
    left: 0.5%;

}
.martyr{
height:auto;
}

}
.jssor_1_row{
height: 784px;
}
.martyr_name{
font-size: 23px;
text-align: center;
color: #fff;
font-weight: bold;

}
@media screen and (max-width: 750px){
.martyr_name {
    font-size: 18px;
    text-align: center;

    }
.jssor_1_row {
    height: 338px;
}
#jssor_1{
    height: 342px!important;

}
.logo {
    max-width: 70px;
}
.alabbas_text {
    max-width: 180px;
    }
    .logo_text {
        font-size: 15px;
        }
 .menu li{
    padding-left: 3px;
    padding-right: 3px;

 }
 .video_autoplay {
     height: 100px!important;
 }
 .column div {
     margin: 0 0 0 0px;
 }
}