@import "https://afaq.iq/static/fonts/fonts/styles.css";

    * {
    font-family: 'DroidArabicKufi';

    }

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

    body
    {
    background-image:url('https://afaq.iq/static/images/site/Bg.png');
    background-repeat: unset;
    }


    .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';
    }

    .fluid {
    max-width:100%;
    }


    .header-background
    {
    background-image:url('https://afaq.iq/static/images/site/header_afaq.png');
    background-color:#0f5476 ;
    background-size:100% 100%;
    background-repeat:no-repeat;
    height:190px;
    border-bottom: 2px solid #cccccc;
    }


    .grid-container
    {
    max-width: 82.5rem;

    }

    .image-logo
    {
    margin-top: 16px;
    height: 150px;
    }


    .radio-afaq
    {
    color:#002740;
    background:#cccccc;
    margin-left: -4px;
    padding: 0.65em 1em;
    }

    .tv-live
    {
    color:#002740;
    margin-right:0;
    background:#ffa93a;
    padding: 0.65em 1em;
    }

    .radio-afaq:hover
    {
    color:#002740;
    background:#cccccc;
    }

    .tv-live:hover
    {
    color:#002740;
    background:#ffa93a;
    }

    .radio-icon,.dish-icon

    {

    margin-right: 10px;
    margin-top: -2px;
        -webkit-transition: all 0.3s ease;
        transition: transform 0.3s ease-in-out;

    }

  .radio-icon:hover,.dish-icon:hover

    {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    }


  @media screen and (max-width:318px)
    {
        .radio-icon , .dish-icon
        {
        height:20px;
        margin-top: 5px;
        }

    }


    .radio-iconSmall,.dish-iconSmall

    {
     height:32px;
    }
  @media screen and (max-width:318px)
    {
        .radio-iconSmall , .dish-iconSmall
        {
        height:20px;
        margin-top: 5px;
        }
    }



    .menu-social-media li
    {
    padding:7px;
    }
    .menu .social-media
    {
    padding:0;
    }

    .menu .social-media .img
    {
    height:35px;
    }

    .icon-search
    {
    background:url(https://afaq.iq/static/images/site/search.png);
    height:35px;
    background-size: 100% 100%;
    border:none;
    }

    .icon-search:hover,.icon-search:focus
    {

    background:url(https://afaq.iq/static/images/site/search.png);
    height:35px;
    background-size: 100% 100%;
    outline:none;
    }
    .icon-search.hover
    {
    background:url(https://afaq.iq/static/images/site/rp-icon-search.png);
    height:35px;
    background-size: 100% 100%;
        position: relative;

    }

    .icon-search.hover::after
    {
    content: ' ';
    top: 36px;
    position: absolute;
    padding: 0;
    margin: 0;
      left: 0px;
      right: 0px;
    color: #d7d7d7;
    background:url(https://afaq.iq/static/images/site/triangle.png);
    width: 23px;
        height: 14px;
        background-position: 5px top;
        background-repeat: no-repeat;
    }
    .window-search
    {
    top: 53px !important;
    border: none;
    background: #d7d7d7;

    }
    .window-search.is-open
    {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    }
    .input-search
    {

    background:#fff url(https://afaq.iq/static/images/site/search.png) left no-repeat ;
    height: 33px;
    background-size: 26px;
    background-position: 3px;

    }
    .button-search
    {
    margin-top: 6px;
    float: left;
    height: 30px;
    background: #002740;
    padding-top: 7px !important;
    border-radius: 5px;

    }

    .button-search:focus
    {

    outline:none;
    }

    .menu-top
    {
    min-height: 50px;
    background: #002740;
    padding-top: 4px;
        width: 100%;

    }
    .icon-menu
    {

    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    float: right;
    margin-top: -3px;
    /* background: #a7a7ac;*/
    }

    .a-menu
    {
    color:#d7d9d6;
    font-size: 20px;
    }
    .a-menu span
    {
    padding-right: 8px;

    }


    .a-menu:hover
    {
    color:#ffab3e;
    }
    .a-menu:focus
    {
    color:#ffab3e;
    }

    .a-menu:hover .icon-menu
    {
    -webkit-filter: hue-rotate(156deg) saturate(38);
    filter: hue-rotate(156deg) saturate(38);
    }

    .active-menu .icon-menu
    {
    -webkit-filter: hue-rotate(156deg) saturate(38);
    filter: hue-rotate(156deg) saturate(38);
    }

    .active-menu, a.active-menu
    {

    color:#ffab3e;
    }

    .prev-icons
    {
    background:rgba(0, 0, 0, 0.24)  url(https://afaq.iq/static/images/site/row_right.png);
    width: 32px;
    height: 100px;
    background-position: center;
    background-size: 89%;
    background-repeat: no-repeat;
    margin-right: 26px;
    }
    .next-icons
    {
    background:rgba(0, 0, 0, 0.24)  url(https://afaq.iq/static/images/site/row_left.png);
    width: 32px;
    height: 100px;
    background-position: center;
    background-size: 89%;
    background-repeat: no-repeat;
       margin-left: 26px;
    }



    .prev-icons,.next-icons
    {
    outline:none;
    cursor: pointer;
    }

    .orbit-container
    {

    outline:none;
    }



    .xco-title-first
    {
    position: relative;
    bottom: 105px;
    padding-right: 16px;
    padding-left: 16px;
    }
    .xco-title-first .category-title
    {

    margin-bottom: 15px;
    }
    .xco-title-first .category-title .span-cat
    {
    background: rgba(21, 35, 38, 0.92);
    color: #f8ab39;
    padding-right: 3px;
    padding-left: 4px;
    }
    .xco-title-first .title-news
    {
    background: rgba(21, 35, 38, 0.92);
    color: #f8ab39;
    padding-right: 3px;
    padding-left: 5px;
    padding-top: 1px;
    padding-bottom: 2px;
    height: 56px;
    overflow:hidden;
    }

.large-6.medium-6.small-6.cell.first {
    border: 2px solid rgb(247, 247, 248);
}

.large-3.medium-3.small-3.cell.second {
    border: 2px solid rgb(247, 247, 248);
}

    /*----------*/

    .xco-title-second
    {
    position: relative;
    bottom: 83px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 14px;
    }
    .xco-title-second .category-title
    {

    margin-bottom: 8px;
    }
    .xco-title-second .category-title .span-cat
    {
    background: rgba(21, 35, 38, 0.92);
    color: #f8ab39;
    padding-right: 3px;
    padding-left: 4px;
    }
    .xco-title-second .title-news
    {
    background: rgba(21, 35, 38, 0.92);
    color: #f8ab39;
    padding-right: 3px;
    padding-left: 5px;
    height: 44px;
    font-size: 13px;
    overflow: hidden;
    }

    /*---------import class in orbit slider ------------*/

    .first
    {
    height: 498px;
    float: right;
    position:relative;
    }
    .second
    {
    height: 249px;
    float: right;
        position:relative;

    }
    .image-slider
    {
    height: 100%;
    width: 100%;
    }
    .grid-set
    {
    display: block;
    height:500px
    }
    /*-------------------*/
    .first .sharing-image
    {

    position: relative;
    bottom: 590px;
    float: left;
    width: 0;
    overflow:hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;

    }



    .first:hover .sharing-image
    {
    width:51px;
    overflow:auto;
    }

    .first .sharing-image .facebook-icon,
    .first .sharing-image .google_plus-icon,
    .first .sharing-image .whatsapp-icon,
    .first .sharing-image .twtter-icon
    {
    width: 38px;
    position: relative;
    float: left;
    background-position: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    }
    .facebook-icon
    {
    background-color:#3a589b;
    }
    .google_plus-icon
    {
    background-color:#db4437;
    }
    .whatsapp-icon
    {
    background-color:#598dca;
    }
    .twtter-icon
    {
    background-color:#09d261;
    }



    .first .sharing-image .facebook-icon .f-icons,
    .first .sharing-image .google_plus-icon .g-icons,
    .first .sharing-image .whatsapp-icon .w-icons,
    .first .sharing-image .twtter-icon .t-icons
    {

    width: 38px;
    height: 38px;
    float:right;
    }


    .first .sharing-image .facebook-icon:hover,
    .first .sharing-image .google_plus-icon:hover,
    .first .sharing-image .whatsapp-icon:hover,
    .first .sharing-image .twtter-icon:hover
    {

    width: 50px;
    position: relative;
    float: left;
    height: 38px;
    background-position: left;

    }


    /*-------------------*/
    .second .sharing-image
    {

    position: relative;
    bottom: 319px;
    float: left;
    width: 0;
    overflow:hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index:1500;

    }


    .second:hover .sharing-image
    {
    width: 39px;
    overflow:auto;
    }

    .second .sharing-image .facebook-icon,
    .second .sharing-image .google_plus-icon,
    .second .sharing-image .whatsapp-icon,
    .second .sharing-image .twtter-icon
    {
    width: 30px;
    position: relative;
    float: left;
    background-position: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    }

    .second .sharing-image .facebook-icon .f-icons,
    .second .sharing-image .google_plus-icon .g-icons,
    .second .sharing-image .whatsapp-icon .w-icons,
    .second .sharing-image .twtter-icon .t-icons
    {

    width: 30px;
    height: 30px;
    float:right;
    }

    .second .sharing-image .facebook-icon:hover,
    .second .sharing-image .google_plus-icon:hover,
    .second .sharing-image .whatsapp-icon:hover,
    .second .sharing-image .twtter-icon:hover
    {

    width: 38px;
    position: relative;
    float: left;
    height: 30px;
    background-position: left;

    }

    /*--------------------*/

    .news-iraq
    {
    padding: 12px;
    background: #002740;
    color: #ffab3e;
    margin-bottom: 15px;
    }


    .news-iraq-list-index
    {

       height: 240px;
    }

    .image-news-iraq,.image-news-world
    {
    height:100%;
    width:100%;
    }

    .set-grid
    {
    padding-left: 10%;
        padding-right: 0;
    }
    .set-grid div.cell
    {
      margin-bottom: 22px;
      margin-left:0;
    overflow:hidden;
    }


    .title-news-iraq,.sub_content_news_iraq
    {
    position: relative;
    bottom: 50px;
    color: #ffab3e;
    background: rgba(21, 35, 38, 0.92);
    justify-content: center;
    text-align: center;
    overflow: hidden;
    font-size: 13px;
    width:100%;
     height: 41px;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
    }

    .title-news-iraq span
    {
     padding-right: 4px;
        padding-left: 4px;
    }

    .title-news-iraq
    {

     bottom: 50px;
       -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
     }


    .sub_content_news_iraq
    {
       position: relative;
       bottom: 34px;
       color: #002840;
       background: rgba(21, 35, 38, 0.92);
       overflow: hidden;
       font-size: 13px;
        border-radius: 7px;
         width: 0;
         margin-right: 7px;
          margin-left: 7px;
          text-align: center;
              padding-top: 3px;
                width: auto;



     }

   .news-iraq-list-index:hover .title-news-iraq
    {
      width:100%;
      bottom: 100px;
    }

     .news-iraq-list-index:hover .sub_content_news_iraq
    {
       bottom: 92px;
        transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
        background-color: rgba(255, 255, 255, 0.61);
    }






   .news-sport-list-index
    {

       height: 240px;
           position: relative;
    }

    .image-news-sport
    {
    height:100%;
    width:100%;
    }


    .title-news-sport
    {
    position: relative;
    bottom: 50px;
    height: 0px;
    color: #ffab3e;
    background: rgba(21, 35, 38, 0.92);
    justify-content: center;
    text-align: center;
    overflow: hidden;
    font-size: 13px;
    width:0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }

   .tooltip_title {
        position: relative;
        opacity: 0;
        color: #FFF;
        top: -100px;
        left: -15px;
        max-width: 12rem;
        padding: 10px;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        background-image: url(https://afaq.iq/static/images/site/boll.png);
        background-color: rgba(22, 83, 102, 0.83);
        -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, .75);
        box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, .75);
        -webkit-transition: .5s;
        transition: .5s;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        background-position: center;
        background-repeat: no-repeat;
        font-size: 80%;
    }
    .news-sport-list-index .tooltip_title:after
    {
        position: absolute;
        top: 100%;
        left: 45%;
        height: 0;
        width: 0;
        border: 6px solid transparent;
        border-top: 6px solid rgba(22, 83, 102, 0.83);
        content: "";
        white-space: nowrap;
        color: #DDD;
    }

    .news-sport-list-index:hover .tooltip_title {
        opacity: 1;
        top: -225px;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .set-grid-other-news
    {
    padding-left: 10%;
        padding-right: 0;
    }

    .other-news-iraq-list
    {
    background-color: #d8d8d8;
    color: #002740;
    padding: 10px;
    font-size: 15px;
    border-bottom: 1px solid #f5f5f5;
    width: 100%;

    }

    .other-news-iraq-list:last-child
    {
    border-bottom:1px solid transparent;
    }

    .button-more-for-news
    {
    float: left;
    margin-top: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #ffa93a;
    color: #002740;

    }

    .space-div
    {
    height:50px;
    }


    /*-------------??????? ?????? -------------------------*/

    .media-war-image
    {

    height: 145px;
    width:100%;
    }

    .img-media-war-image
    {
    width:100%;
    height:100%;
    }

    .cell-media-war
    {

    padding-right: 5px;
    position: relative;
    }

    .button-pre-next
    {

    direction: ltr;
    background: #002740;
    line-height: 0;
    }

    .button-pre-next .orbit-previous,.button-pre-next .orbit-next
    {

    position:relative;
    transform: translateY(0%);
    color: #002740;
    background: #ffa93a;
    padding-bottom: 2px;
    padding-top: 2px;
    outline:none;
    cursor:pointer;
    }
    .button-pre-next .orbit-previous
    {
    margin-right: -4px;
    padding-left: 5px;
    padding-right: 9px;
    }
    .button-pre-next .orbit-next
    {
    padding-left: 5px;
    padding-right: 9px;

    }

    .grid-media-war-image
    {
    background: #002740;
    height:200px;
    }


    .cell-media-war .hover-media-war-eff
    {
    position: absolute;
    top: 0%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 100;
    height: 100%;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background:rgba(21, 35, 38, 0.65);

    }

    .cell-media-war:hover .hover-media-war-eff
    {

    background:transparent;
    cursor:pointer;
    }


    .media-war-title {
    color: #ffab3e;
    text-align: center;
    width: 100%;
    padding-top: 6px;
   height: 53px;
    font-size: 14px;
    padding-left: 2px;
    padding-right: 2px;

    }

    .hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    }

    [class^="hvr-"]
    {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }



    .cell-media-war:hover .hvr-underline-from-right:before,
    .cell-media-war:hover .hvr-underline-from-right:before,
    .cell-media-war:hover  .hvr-underline-from-right:before {
    left: 0;
    }

    .hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #ffab3e;
    height: 2px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    }

.set_padding_warMedia
{
    background: #002740;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 4px;

}
    /*------------------------------------------*/

    .news-sport-image
    {
    float: right;
    width: 90px;
    height: 80px;
    margin-left: 17px;
    position:relative;
    }

  .news-sport-image .otherNews
    {

    width: 100%;
    height: 100%;

    }


    .cell-news-sport
    {

    background: #d8d8d8;
    min-height: 82px;
    overflow: hidden;
    padding: 5px;
    border-bottom: 1px solid #f5f5f5;
    }

    .cell-news-sport:last-child
    {
    border-bottom: 1px solid transparent;
    }


    .news-sport-titile
    {
    font-size: 14px;
    color: #002740;
    justify-content: center;
    padding-top: 12px;
    }


    .cell-news-miscellaneous
    {

   /* margin-right: 0.375rem !important;*/
  /*  margin-left: 0.375rem !important;*/
    margin-bottom: 12px;
    position: relative;
    height: 249px;
    overflow: hidden;
    }

    .image-news-miscellaneous
    {
    width:100%;
    height:100%;


    }

   /* .set-grid-other-news2
    {

    padding-left: 9%;
    padding-right: 8px;
    }
*/
    .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(0, 39, 64, 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;
    }

    .title-miscell-news

    {
    bottom:0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    }

    .cell-news-miscellaneous:hover .title-miscell-news
    {
    position: relative;
    bottom: 59px;
    height: 47px;

    color: #ffab3e;
    margin-left: 8px;
    margin-right: 8px;
    padding-right: 4px;
    padding-left: 4px;
    justify-content: center;
    text-align: center;
    overflow: hidden;


    }

    .grid-programs-afaq
    {
    margin-right: 0;
    background: #002740;
    height: 218px;

    }

    .cell-programs-afaq
    {
    margin-left: 0 !important;
    position: relative;

    }

    .programs-afaq-div-image
    {
    height: 160px;
    width:100%;
    overflow:hidden;
    }

    .img-programs-afaq
    {
    width:100%;
    height:100%;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    }

    .cell-programs-afaq:hover .img-programs-afaq {
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
    }
    .programs-afaq-title
    {
color: #ffab3e;
    text-align: center;
    width: 100%;
    padding-top: 6px;
    margin-top: 1px;
    height: 39px;
    font-size: 13px;
    padding-left: 2px;
    padding-right: 2px;
        margin-bottom: 16px;
    }


    .button-pre-next-programs
    {

    background: #002740;

    }

    .button-pre-next-programs .orbit-previous,.button-pre-next-programs .orbit-next
    {

    position:relative;
    color: #002740;
    background: #ffa93a;
    padding-bottom: 2px;
    padding-top: 2px;
    outline:none;
    cursor:pointer;
    }
    .button-pre-next-programs .orbit-previous
    {
    margin-right: -4px;
    padding-left: 5px;
    padding-right: 9px;
    margin-left: 5px;
    }
    .button-pre-next-programs .orbit-next
    {
    padding-left: 5px;
    padding-right: 9px;

    }
    .bottoms-set
    {
    direction:ltr;
    }


    .title-programs
    {
    background: #ffa93a;
    margin: 2px;
    padding: 3px 8px 3px 8px;
    color: #002740;
    margin-bottom: 8px;

    }
    .programs-afaq-title .title-program
    {
    font-size: 16px;

    }

    .programs-afaq-title .title-program,.programs-afaq-title .data-program,.programs-afaq-title .time-program
    {
    color: #fff;
    margin: 0;

    }

    .cell-programs-afaq:hover .title-program,
    .cell-programs-afaq:hover .data-program,
    .cell-programs-afaq:hover .time-program
    {
    color:#ffa93a;
    }

    .last-news-immediate
    {
    padding: 10px;
    padding-top: 3px;
    color: #ca0000;
    margin-bottom: 15px;
    border-bottom: 3px solid;
    font-size: 20px;
    }


    .news-immediate {
    background: #002740;
    padding: 15px 10px 15px 10px;
    }


    .news-immediate-title
    {

    background: #f4f4f4;
    padding-bottom: 5px;

    }
    .bottom_bk
    {
        margin-bottom: 3px;
    }
    .bottom_bk:last-child
    {
        margin-bottom: 0;
    }

    .icon-foundation-font
    {
    width: 26px;
    float: right;
    -webkit-transform: rotate(-104deg);
    -moz-transform: rotate(-104deg);
    -o-transform: rotate(-104deg);
    -ms-transform: rotate(-104deg);
    transform: rotate(-104deg);
    }
    .icons-cat
    {

    color: #c72f00;
    font-size: 22px;
    }
    .immediate
    {
    direction: ltr;
    padding-left: 2px;
    }
    .immediate span
    {
    background: #c72f00;
    font-size: 12px;
    padding-left: 7px;
    padding-right: 7px;
    color: #fff;
    }

    .immediate-time
    {
    direction: ltr;
    padding-left: 2px;
    }
    .immediate-time span
    {

    font-size: 12px;
    padding-left: 6px;
    padding-right: 10px;

    }
    .text-immediate
    {

    margin-right: 63px;
    margin-left: 36px;
    margin-top: 1px;
    color: #002740;
    }
    .more-from-immediate-news
    {
    width: 100%;
    margin: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-top: 1px;
    background: #c72f00;
    }
    .weather
    {

    background: url('https://afaq.iq/static/images/site/sky.png');
      color: black;
       margin-top: 28px;
       padding: 10px;
       background-size: 100% 100%;
       opacity: 1;
       position: relative;
       background-attachment: fixed;
       background-position: center;
       background-repeat: no-repeat;
    }

.typeWeather
{
text-align: center;
        font-size: 47px;
    color: rgb(2, 2, 2);
    direction: ltr;
}


.detailsWeather

{
text-align:center;
    font-size: 24px;
    color: rgb(2, 2, 2);
}
.city_details_weather {
     font-size: 20px;
     border-top: 1px solid;
     margin-top: 10px;
     padding-top: 10px;
 }


  @media screen and (max-width:640px)
    {
.typeWeather
{
      font-size:26px;
}

.city_details_weather {
    font-size: 16px;
    }


body {


    background-repeat: no-repeat;

}

 }

    .questionnaire
    {
    margin-top: 28px;
    }
    .title-question
    {
    background: #002740;
    color: #ffab3e;
    padding: 5px;
    margin-bottom: 5px;
    }
    .content-questionnaire
    {
    background: #002740;
    border-radius: 10px;
    padding: 16px 23px 16px 23px;
      color: #ffab3e;
    }

    p.text-question
    {
    color: #ffa93a;
    }

    .p-radio
    {
    color: #ffa93a;
    margin-bottom: 10px;
    }
    input.check-radio[type="radio"] {
    display:none;
    }

    input.check-radio[type="radio"] + .label-item-questionnaire {
    color: #ffa93a;
    }

    input.check-radio[type="radio"] + .label-item-questionnaire span
    {
    display:inline-block;
    width:19px;
    height:19px;
    border-radius: 50%;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:#ffa93a;
    cursor:pointer;
    margin-left: 8px;
    }

    input.check-radio[type="radio"]:checked + .label-item-questionnaire span {
    background:url(https://afaq.iq/static/images/site/radio-icons.png);
    background-size:100% 100%;
    }
    .voice-button
    {
    position: relative;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    background: #ffa93a;
    color: #002740;
    }
     .voice-button:focus
    {
    background: #ffa93a;
    color: #002740;
    }



    div.voice
    {
    direction:ltr;
    margin-top: 18px;
    }

    .head-Infographic
    {
    background: #002740;
    color: #ffab3e;
    padding: 5px;
    margin-top: 28px;
    margin-bottom: 5px;
    }

    .Infographic
    {
       border: 1px solid #b9b9b9;
       background: #d8d8d8;
       padding: 5px;
        text-align: center;
    }
    .title-infographic
    {
      color: #002740;
      text-align: center;
      font-weight: 700;
      margin-top: 5px;
      margin-bottom: 15px;
  }

.Infographic-video
{
cursor:pointer;
}

.btn-more-ifog
{
    text-align: left;
}
.btn-more-ifog .button
{
    padding: 5px 10px 5px 10px;
    background: #002740;
    color: #d8d8d8;
    margin: 0;
}


.Adv-div {
      margin-top: 30px;
      background: #002740;
      padding: 16px;
      text-align: center;

}

.Adv-div-link-go
{
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #929495;
    color: #ffa93a;
    padding-bottom: 18px;
    padding-top: 5px;
   font-size: 20px;
}
.Adv-div-link-go:last-child
{
 margin-bottom: 0;
 border-bottom:1px solid transparent;
}



.articles
{

    margin-top: 40px;

    background: #002740;
    padding: 7px;
    font-size: 17px;
}

.head-articles
{
    background: #ffa93a;
    color: #002740;
    padding: 5px 0 5px 0;
    margin-bottom: 5px;
}




    .image-person-articles
    {
   float: right;
    width: 115px;
    height: 100px;
    margin-left: 17px;
    }


    .cell-articles
    {

    background: #d8d8d8;
    min-height: 82px;
    overflow: hidden;
    padding: 5px;
        margin-bottom: 7px;
    }

    .cell-articles:last-child
    {
      margin-bottom: 0;
    }


    .title-articles
    {
      font-size: 14px;
      color: #002740;
      justify-content: center;

    }
.name-person
{
    padding-top: 12px;
    font-size: 12px;
}

.art-more
{
    margin: 0;
    margin-top: 5px;
}

.title_sub_content
{

     padding-right: 7px;
     padding-left: 7px;
     font-size: 15px;
     margin-top: 12px;
}


 .list_news
 {
margin-bottom: 25px;
    background: #fff;
        overflow: hidden;
 }

    .cell-news-image-and-title
    {
    position: relative;
    height: 198px;
    overflow: hidden;
    }

    .image-list_news
    {
    width:100%;
    height:100%;


    }

    .list_news .xx-fade_list_news
    {
    background: -moz-linear-gradient(3deg, rgba(13, 13, 14, 0.76) 16%, rgba(82, 80, 81, 0.18) 76%);
    background: -webkit-gradient(3deg, rgba(13, 13, 14, 0.76) 16%, rgba(82, 80, 81, 0.18) 76%);
    background: -webkit-linear-gradient(3deg, rgba(13, 13, 14, 0.76) 16%, rgba(82, 80, 81, 0.18) 76%);
    background: -o-linear-gradient(3deg, rgba(13, 13, 14, 0.76) 16%, rgba(82, 80, 81, 0.18) 76%);
    background: -ms-linear-gradient(3deg, rgba(13, 13, 14, 0.76) 16%, rgba(82, 80, 81, 0.18) 76%);
    background: linear-gradient(3deg, rgba(13, 13, 14, 0.76) 16%, rgba(82, 80, 81, 0.18) 76%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 5s ease;
    transition: all 5s ease;
    }


    .list_news .title-main-news
    {
    position: relative;
     bottom: 99px;
    height: 47px;
      color: #fff;

    padding-right: 8px;
    padding-left: 8px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

    }

a.button.details-news {
    margin: 0;
    padding: 6px;
    margin-left: 8px;
    margin-bottom: 8px;
    margin-top: 10px;
    background: #aaaaaa;
    }

a.button.details-news:hover {

    background: #258dad;
    }


.title_details_news
{
font-size:20px;
color:#012639;
    margin-bottom: 8px;
}

.text-justify.content_text.add_class_img {
    color: #002740;
    margin-top: 18px;
    margin-bottom: 30px;
    background: #fff;
    padding: 14px;
    border: 1px solid #f0edf2;
}


.title_part_news {
    border-bottom: 5px solid #ffa93a;
    margin-bottom: 23px;
    font-size: 20px;
    color: #002740;
    padding-bottom: 3px;
        font-weight: bold;
}




.zinon {
    border: 1px solid;
    color: #002740;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    background: rgba(214, 219, 230, 0.76);
    border-radius: 11px;
}

.cell.setBackground-cell {
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 20px;
  border-bottom: 6px solid #d8d8d8;
}

.background-cell
{
background: #e2e2e2;
    padding-top: 15px;
    margin-bottom: 22px;
    padding-bottom: 14px;
        border-radius: 5px;
}

.image_video
{
    height: 215px;
    width: 100%;
    border-radius: 5px;
}

.title_videos {
    text-align: center;

    margin-top: 6px;
    margin-bottom: 6px;
}
.title_videos span
{
    font-size: 15px;
    line-height: 26px;
}

.hover_list_video:hover span
{
background: #002740;
    color: #fff;
    padding-right: 11px;
    padding-left: 11px;
    font-size: 15px;
    border-radius: 2px;
    line-height: 26px;
}

.play_icons {
    position: absolute;
    top: 0%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 100;
    height: 100%;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
      background: rgba(0, 0, 0, 0.28);
}
.hover_list_video:hover .play_icons
{
 background: transparent;
}

.play_icons .play-icon-video {
     height: 65px;
     margin-top: 78px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.hover_list_video:hover .play-icon-video {
    -webkit-transform: scale(0);
    transform: scale(0);
}










.nameReporter {
     text-align: center;
 }


.ul_slider_reporter
{

    margin-left: 70px;
    margin-right: 70px;
     height: 307px ;
}

.set_image_slider_Reporter
{
height:260px;
width:100%;
}



.name_reporter {
     text-align: center;
     margin-top: 10px;
 }

.background_slider_Reporter
{
background: #e2e2e2;
    padding-top: 28px;
    padding-bottom: 19px;
    border-top: 5px solid rgba(213, 213, 213, 0.93);
    border-bottom: 5px solid rgba(213, 213, 213, 0.93);
}


.background_video
{
    border: 1px solid  #e2e2e2;
    background:  #e2e2e2;
    margin-bottom: 15px;
    margin-top: 66px;
    padding-top: 22px;
    padding-bottom: 22px;
    border-top: 5px solid rgba(211, 211, 211, 0.69);
        border-bottom: 5px solid rgba(211, 211, 211, 0.69);
}

.set_icon_slider
{
padding:0;
outline:none;
cursor:pointer;
top: 42%;
}
.set_icon_slider:hover,.set_icon_slider:focus
{
background:transparent;
}

    img.img.slider-icon {
        height: 123px;
        margin-top: 6px;
    }


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

          .set_image_slider_Reporter
          {
          height:187px;
          width:100%;
          }

            .ul_slider_reporter
            {
          height: 246px  ;
            margin-left: 42px;
            margin-right: 43px;
            }

           img.img.slider-icon
           {
             margin-top: -26px;
            height: 100px;
            }
    }






.x-background-cell
{
 background: #002740;
     padding-left: 10px;
     border-top: 1px solid rgba(100, 100, 100, 0.33);
}
.x-background-cell a
{
margin:5px 0;
}

.special_program
{
margin-top:35px;
}
.special_program img.img
{
height: 550px;
    width: 100%;
}

.footer
{
    border-top: 2px solid #d5d5d5;
    background: #002740;
    padding-top: 55px;
    padding-bottom: 55px;
}
.prog_image img
{
    height: 235px;
    width: 100%;
}

.title_special_programs {
background: #002740;
    height: 56px;
    position: relative;
    bottom: 85px;
    border-top: 1px solid #7d7b7b;
    border-bottom: 1px solid #7d7b7b;
    color: #ffa93a;
    overflow: hidden;
    text-align: center;
    padding-top: 10px;
    font-size: 22px;
}

.description {
     color: #002740;
     font-size: 15px;
     border: 1px solid #bfbfbf;
     margin-bottom: 0;
     margin-top: 5px;
     padding: 15px;
     background: #cccccc85;

}

.background-app
{
    height: 393px;
    background-size: 100% 100%;
    position: relative;
}
.button-app
{

    position: absolute;
    bottom: 65px;
    margin-right: 57px;
}

img.img.image-appG {

    border-radius: 5px;
    padding: 5px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
}
img.img.image-appS {

     border-radius: 5px;
     padding: 5px;
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
}

img.img.image-appS:hover,img.img.image-appG:hover {
  opacity:0.7;
}

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

img.img.image-appS,img.img.image-appG {

    width: 274px;
}

}

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

img.img.image-appS,img.img.image-appG {
    width: 225px;
}

}


  @media screen and (max-width: 750px)
{
.background-app
{
    height: 284px;

}
img.img.image-appS,img.img.image-appG {
       width: 167px;
}

}

  @media screen and (max-width: 620px)
{
.background-app
{
    height: 284px;

}
img.img.image-appS,img.img.image-appG {
          width: 133px;
}

}


  @media screen and (max-width: 500px)
{
.background-app
{
     height: 196px;

}
img.img.image-appS,img.img.image-appG {
width: 105px;
}
.button-app {
    bottom: 35px;
    margin-right: 9px;
}
}






.columnsOne,.columnsTwo,.columnsThree
{


    width: 20px;
}
.columnsOne
{
    background: #53bb53;
}



.columnsTwo
{
    background: #fff90b;
}
.columnsThree
{
background: #f5dddd;
}

.color_div
{
color: #ffab3e;
text-align:center;
}


.pointQuest {
    margin-top: 12px;
}




/* menus  bottton------------ */




* {
  margin: 0;
  padding: 0;
}

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    width: 43px;
    height: 32PX;
    position: relative;
    margin: 0;
  -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-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #a7a7ac;
  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;
}

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

#nav-icon1 span:nth-child(2) {
  top: 12px;
}

#nav-icon1 span:nth-child(3) {
  top:25px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  background: #d3531a;
  opacity: 1;
  -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;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

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

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

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

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

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

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

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}


/* ---------------------*/
.vertical_menu
{
border-bottom:1px solid #fff;
    padding-top: 2px;
    padding-bottom: 5px;
}


.vertical_menu:last-child{

border-bottom:1px solid transparent;
}


/*responsive--------------*/



    .sidenav {
       height: 100%;
       width: 0;
       position: fixed;
       z-index: 150;
       top: 0;
       right: 0;
       background-color: #002740;
       overflow-x: hidden;
       transition: 0.5s;
       padding-top: 12px;
       margin-top: 47px;
    z-index: 1500000000;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        display: block;
        transition: 0.3s;
    }


    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    #boody2 {

        padding-top: 0;
       overflow:hidden;
    }

    @media screen and (max-height: 450px) {

        .sidenav a {font-size: 18px;}
             }



    .menus_small
    {
        background: #002740;
        width: 100%;
        position: fixed;
        color: #a7a7ac;
        z-index: 2500;
       /* padding-right: 27px;*/
        padding-top:8px;
        height: 47px;
        display:none;

    }



.menu-social-media li.large_btr_R_L
{
display:block;

}

.large_btr_R_L a.setting
{
    border-right: 2px solid #ff9800;
    padding-right: 10px;
    padding: 0;
    margin-top: 11px;
    margin-right: 9px;
}

.large_btr_R_L a.settingRd
{
      padding: 0;
      margin-top: 11px;
}


.small_icons_r_d
{
display:none;
}




    .icon-searchSmall
    {
    background:url(https://afaq.iq/static/images/site/search.png);
    height:29px;
    background-size: 100% 100%;
    border:none;
    }

    .icon-searchSmall:hover,.icon-searchSmall:focus
    {

    background:url(https://afaq.iq/static/images/site/search.png);
    background-size: 100% 100%;
    outline:none;
    }
    .icon-searchSmall.hover
    {
    background:url(https://afaq.iq/static/images/site/rp-icon-search.png);
    height:29px;
    background-size: 100% 100%;
    }


   .icon-searchSmall.hover::after
    {


       content: ' ';
        top: 43px;
        position: absolute;
        padding: 0;
        margin: 0;
        left: 80px;

        color: #d7d7d7;
        background:url(https://afaq.iq/static/images/site/triangle.png);
        width: 23px;
            height: 14px;
            background-position: 5px top;
            background-repeat: no-repeat;





    }



.search_small
{
display:none;
}

.mult_image_slider
{
 height:500px;
}
.big_slider
{
display:block;
     padding-left: 0 !important;
 padding-right: 0 !important;
}
.small_slider
{
display:none;
}


@media screen and (max-width: 640px )
{
.logo-center
{
text-align:center;
}

.small_icons_r_d
{
text-align:center;
display:block;
}

.image-logo {
    margin-top: 16px;
     height: 94px;
}
.header-background {

    height: 121px;

}


.search_small
{
display:block;
}

.copy_developer
{
    font-size: 10px;
}



}



@media screen and (max-width: 1024px)
{
.set-grid
{
padding-left:0;
}
 .set-grid-other-news
    {
    padding-left:0;
    }
}



@media screen and (max-width: 1247px)
{
.menu-top
{
display:none;
}
    .menus_small
    {
    display:block;
    }

  #boody2
  {
  padding-top:47px;

  }



.big_slider
{
display:none;

}
.small_slider
{
display:block;
}


.image_and_ul_slider_small
{
height:500px !important;
overflow:hidden;
}

}



@media screen and (max-width: 699px)
 {
.image_and_ul_slider_small
{
height:450px !important;
overflow:hidden;
}
.caption_font{
font-size:18px;
}
}

@media screen and (max-width: 580px)
{
.image_and_ul_slider_small
{
height:350px !important;
overflow:hidden;
}
.caption_font{
font-size:15px;
}
}
@media screen and (max-width: 480px)
{
.image_and_ul_slider_small
{
height:320px !important;
overflow:hidden;
}
.caption_font {
    font-size: 12px;
    }
}



@media screen and (max-width: 929px)
{
 .special_program img.img
 {
height:450px;
 }

 .title_special_programs {

     height: 47px;
     bottom: 71px;
     padding-top: 9px;
     font-size: 19px;
 }

}

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

 .title_special_programs {
         font-size: 16px;
         height: auto;
         padding-bottom: 11px;
 }

}

@media screen and (max-width: 610px)
{
.special_program img.img {
    height: 397px;
    }

 .title_special_programs {
    font-size: 14px;
    height: auto;
    padding-bottom: 11px;
    bottom: 88px;
 }

}

@media screen and (max-width: 480px)
{
.special_program img.img {
     height: 327px;
    }

 }



@media screen and (max-width: 860px)
{
 .cell-news-miscellaneous
    {
     height: 228px;
    }

 }

@media screen and (max-width: 752px)
 {
.cell-news-miscellaneous {
    height: 206px;
    font-size: 14px;
}

.cell-news-miscellaneous:hover .title-miscell-news
{
    bottom: 77px;
    height: 63px;
}

}

@media screen and (max-width: 640px)
 {
.cell-news-miscellaneous .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(0, 39, 64, 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 .title-miscell-news
{
    bottom: 77px;
    position: relative;
    height: 63px;
    color: #ffab3e;
    margin-left: 8px;
    margin-right: 8px;
    padding-right: 4px;
    padding-left: 4px;
    justify-content: center;
    text-align: center;
    overflow: hidden;


}

.news-sport-list-index .tooltip_title {
    opacity: 1;
    top: -225px;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.cell-news-miscellaneous {
    height: 175px;
    }
}

.copy_developer {
    padding: 17px 10px 17px 10px;
    background: #2a495e;
    color: #ffa93a;
    text-align: center;
}
.copy_developer a:focus{
    color: #ffa93a;

}
.news_footer,.youtube,.matfraqi,.link_import
{
text-align:center;
}

p span.footer_f
{
    color: #ffa93a;
    border-bottom: 2px solid #ffa93a;
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bolder;
}

 ul.footer_ul li a
{
color:#fff;
    padding: 10px 0 10px 0;
}


@media screen and (max-width: 808px)
 {
 p span.footer_f
 {
    font-size: 16px;
    font-weight: normal;
 }
 }

img.img.social_media_imageF {
width: 33px;
  margin-bottom: 5px;
}

.info-contact {
    color: #002840;
    font-size: 18px;
    margin-bottom: 9px;
}

    .contact_as_tit
     {
     padding: 7px;
     background: #002740;
     color: #ffab3e;
     margin-bottom: 15px;
     border-radius: 5px;;
     }


.send_button {
    background: #002840;
    color: #ffa93b;
    border-radius: 6px;
    padding: 9px;
}

.input_contact
{
    height: 38px;
    border-radius: 5px;
    background: rgb(246, 246, 246);
}
.input_message
{

    border-radius: 5px;
    background: rgb(246, 246, 246);
}



    div.scroll-float-parent {
        width: 100%;
        background: #f8f8f8;
        position: relative;
        z-index: 25000;
    }

    div#scroll-float {
        height: 47px;
        width:100%;
        position: fixed;
        bottom: 0;
        background: #cccccc;
    }


.last_news_scroll
{
    border: 1px solid #002840;
    padding: 9px;
    padding-right: 33px;
    padding-left: 33px;
    background: #002840;
    color: #fff;
    font-size: 18px;
}
.marquee_set {

    padding-top: 10px;
    height: 100%;
    color: #002640;
    font-size: 18px;
    padding-right: 5px;
}

.afaq_space
{
   height: 19px;
       margin-right: 28px;
       margin-left: 28px;
       margin-top: 4px;
}

.timeDate {
    color: #fff;
    font-size: 19px;
   margin-top:15px;
}


  .barComment
    {

        margin-bottom: 8px;
        padding-top: 7px;
        padding-bottom: 7px;
        color: #ffa93a;
        padding-left: 5px;
        padding-right: 5px;
        background-color:rgba(0, 40, 64, 0.89);
        border-radius: 5px;
    }
    .numComent
    {
        float: left;
        margin-left: 152px;
        height: 27px;
        color: black;
        background: #fff;
        border-radius: 5px;
        margin-top: -2px;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 2px;
        text-align: center;
        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
    }

    .maxheight_div_comment
    {

        max-height: 686px;
        overflow: hidden;

    }
    .maxheight_div_comment:hover
    {
        overflow-y: auto;
    }
    .spComments
    {
        border-bottom: 1px solid rgb(145, 141, 141);
        margin-bottom: 5px;
        margin-right: 3px;
        margin-left: 4px;
    }
    .spComments:last-child
    {
        border-bottom: 1px solid transparent;
    }

    .commentUser
    {
        border: 1px solid rgb(199, 197, 197);
        border-radius: 5px;
        padding: 8px 0 8px 11px;
        background: #fff;
        margin-bottom: 5px;
    }

    .numchat
    {
        float: right;
        padding-left: 4px;
        padding-right: 6px;
        font-size: 12px;
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 7px;
        background-size: 100% 100%;
        text-align: center;
        color: #fff;
        background-image:url(https://afaq.iq/static/images/site/chat.png);

    }
    .usernameComment
    {
        font-family: serif;
        font-size: 21px;
        margin-right: 8px;
    }
    .dateComment
    {
        font-size: 14px;
        color: #999;
        margin-right: 15px;
    }

    .commentCn
    {
        font-size: 17px;
        font-family: Arial;
        margin-right: 15px;
    }

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

        .numComent {
            margin-left: 5px;
            -webkit-transition: all 0.7s ease;
            transition: all 0.7s ease;
        }


    }


 @media screen and (max-width: 700px) {
 div.scroll-float-parent
 {
 display:none;
 }

}


    .text_break_news {
        color: #002740;
        margin-top: 14px;
        margin-bottom: 30px;
        border-top: 1px solid #d1d1d1;
            padding: 6px;
    }


.Subscribe
{

    margin-top: 36px;
    background: #002840;
    padding: 43px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}
.title_subscribe {

    margin-bottom: 7px;
    padding: 3px 7px 3px 7px;
    border-radius: 7px;
    background: #f7f9f9;
    color: #002840;
}

.input_subscribe
 {
    height: 31px;
    border-radius: 5px;
    background: #e4e4e4;
}


button.btnsubscribe.button {
    margin: 0;
    height: 33px;
    padding: 5px;
    padding-right: 12px;
    padding-left: 12px;
    background: #ffa93b;
    border-radius: 5px;
    color: #002840;
}

.doneSubscribe
{
    color: #f8ab39;
    font-size: 25px;
}


.social_side_menu {
    border-top: 2px solid #ffa93b;
    padding-right: 32px;
    padding-top: 14px;
    margin-top: 19px;
}


.set_height_website
{
 min-height: 613px;
}
@media screen and (max-width: 640px) {
 .set_height_website
 {
    min-height: 249px;
 }

 }
.load_w
{
    border-radius: 50%;
}

.icons_weather
{
    float: left;
    width: 135px;
    height: 125px;
    background-position-x: -9px;
    background-position-y: -8px;
    background-size: 160%;
    background-image: url("https://afaq.iq/static/images/site/zz.gif");
}
.load_breaking_news
{
text-align:center;

}

.tags_link
{
    background: rgba(189, 186, 186, 0.42);
    margin-left: 5px;
}

.next_day
{
text-align:center;
display:none;
}

i.fi-info.large.open_next_day {
    color: black;
    font-size: 24px;
    cursor:pointer;
        border: none;
            outline: none;

}

i.fi-info.large.open_next_day:hover {
    color: #fff;

}

.info_next_day_weather {
         position: relative;
       height: 26px;
       margin-top: 32px;
       text-align: right;
       padding-right: 20px;
}

.button.primary.loadmore
{
    background: #002840;
    color: #ffa93b;
    margin: 0;
    border-radius: 12px;
}


.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;

}


.videoPlayBig
{

      width: 110px;
    transition: all 0.2s ease;
}


.iconVideoNews:hover .videoPlayBig
{
width:50px;
}

.videoPlaySmall
{
    width: 68px;
    transition: all 0.2s ease;
}


.iconVideoNews:hover .videoPlaySmall
{
width:35px;
}

.partNewsImage
{

padding-left: 1rem;
}


.partNewsImage .iconCenterDiv img.img
{
    width: 68px;
        transition: all 0.2s ease;

}

.news-iraq-list-index:hover .partNewsImage .iconCenterDiv img.img
   {
width:35px;

   }


.otherNewsIcons .iconCenterDiv img.img
{
    width: 20px;
        transition: all 0.2s ease;

}


.news-sport-list-index:hover .partNewsImage .iconCenterDiv img.img
   {
width:35px;

   }

.cell-news-image-and-title:hover .partNewsImage .iconCenterDiv img.img
   {
width:35px;

   }

.cell-news-miscellaneous:hover .partNewsImage .iconCenterDiv img.img
   {
width:35px;

   }

.videoListNews
{

     position: absolute;
      top: 5px;
      right: -5px;
      height: 100%;
      width: 100%;
      text-align: left;

}
.videoListNews img.img
{
    width: 20px;
}

  video{
        object-fit: inherit;
    }

    /*voting  css */


 .vote{

    background: #002740;
    border-radius: 10px;
    padding: 16px 23px 16px 23px;
    color: #ffab3e;
     position:relative;
}


.error {
  height: auto;
  position: absolute;
  background-color: #cf2323fc;
  color: #F0F0F0;
  font-size: 18px;
  padding: 10px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
  -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
  box-shadow: 0px 0px 24px -1px rgb(32, 30, 30);
  bottom: 5px;
  z-index:950;
  border-radius:0px;
  border: 1px solid #f7f8f9;
      }

    .close_error {
      z-index: 1000;
      background-color: transparent;
      position: absolute;
      left: 2px;
      top: 2px;
      padding: 0;
      margin: 0;
      outline:none;
}

 .close_error:hover, .close_error:focus {

      background-color: transparent;

}


legend.leg {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: #ffa93a;
    white-space: normal;
    font-size: 22px;
}


 input.style_radio[type="radio"]
  {
  display:none;
}

input.style_radio[type="radio"] + label {
    color: #ffa93a;
    font-size: 18px;
}



  @media screen and (max-width:640px)
    {
     legend.leg {

            font-size: 15px;
     }

     input.style_radio[type="radio"] + label {

         font-size: 15px;
     }



    }






input.style_radio[type="radio"] + label span {
display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: #ffa93a;
    cursor: pointer;
    margin-left: 8px;
}
input.style_radio[type="radio"]:checked + label span {
   background: url(https://afaq.iq/static/images/site/radio-icons.png);
   background-size: 100% 100%;
}

.bt_vote
{
    position: relative;
    margin-top: 15px;
    direction: ltr;
}
.bt_vote .button

{

    position: relative;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    background: #ffa93a;
    color: #002740;

}
.bt_vote .button:focus

{

   outline:none;

}
.result{
     background: #002740;
     min-height: 192px;
     padding: 17px;
}
legend.leg_thx,legend.leg_q {
box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: #ffa93a;
    white-space: normal;
    font-size: 22px;
}

.back_row_result
{
       margin-left: 5px;
       background: #f8f6f46e;
}

.row_result{
    height: 18px;
    background: #5da423;
    text-align: center;
    font-size: 14px;
    color: #f7f8f9;
    border-left: 3px solid red;


}
.choose_vote
{
    color: #ffa93a;
    font-size: 17px;
    margin-bottom: 10px;

}
.percent
{
    color: #ffa93a;
    top: -3px;
    position: relative;
}
.v_result{
    margin-bottom: 10px;
}
.v_result:last-child{
    margin-bottom:0;
}


li.itemsTitle {
    margin-left: 7px;
}
li.value {
    margin-left: 7px;
}


 .container_bk{

            max-height: 445px;
            overflow-y: auto;
        }


        #loader_data,#loader_data_import  {

            background: #f4f4f4;
            height: 50px;
            display: none;
            position: relative;
                margin-top: 3px;
        }

          #loader_data_import {
             margin-right: 5px;
        }
        #loadex,#loadex2  {
            background: #f4f4f4;
            height: 50px;
            position: relative;
                margin-bottom: 3px;
               width:100%;
               text-align:center;
        }

      #loadex2
       {
        margin-right: 5px;
        }



        .no_think
        {
          text-align: center;
          color: #002840;
          font-size: 17px;
          padding-top: 10px;
        }

        .load_image {
            text-align: center;
            padding-top: 5px;
        }

        .load_image img.img {
            width: 40px;
        }


  .news-immediateImport {
      background: #49739b;
          padding: 15px 10px 15px 10px;
  }

 .text-immediateImport {
       padding-right: 8px;
       color: #c73000;
       padding-top: 10px;
       padding-bottom: 6px;
    }
    .immediateImport {
        direction: ltr;
        padding-left: 2px;
    }

    .immediateImport span {
        background: #c72f00;
        font-size: 12px;
        padding-left: 7px;
        padding-right: 7px;
        color: #fff;
    }
    .news-immediateImport-title {
        background: #f4f4f4;
        padding-bottom: 5px;

            position: relative;
    }



    .bottom_import
    {
      -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
        margin-bottom: 3px;
          border-right: 5px solid transparent;
    }

    .bottom_import:last-child
    {
        margin-bottom: 0;
    }

     .bottom_import:hover
    {
    border-right: 5px solid #ffa93a;
    }

    .immediateImport-time {
        direction: ltr;
        padding-left: 2px;
    }

    .immediateImport-time span {
        font-size: 12px;
        padding-left: 6px;
        padding-right: 10px;
    }

 ::-webkit-scrollbar {
        height: 14px;
        width: 10px;
        background: #eee;
        border-left: 1px solid #ddd;
    }
    ::-webkit-scrollbar-thumb {
        background: #ddd;
        border: 1px solid #cfcfcf;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #b2b2b2;
        border: 1px solid #b2b2b2;
    }
    ::-webkit-scrollbar-thumb:active {
        background: #b2b2b2;
        border: 1px solid #b2b2b2;
    }

    .dropMenusSc
    {
    background: #ff9800;
    margin-top: 9px;
}

  .dropMenusSc .subMenus_li
    {
    border-bottom: 1px solid #002740;
}
.dropMenusSc .subMenus_li:last-child
{
    border-bottom: 1px solid transparent;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a.a-menu.rox::after
{
border-color: #a5a5ac transparent transparent ;
}

.searchTab
{
    background: none;
    padding: 0;
    border: none;
}

.searchTab li.tabs-title
{
    padding: 1px;
    margin-bottom: 4px;
}

.searchTab li.tabs-title.is-active a
{
    background: #002740;
    color: #fff;
}


.searchTab li.tabs-title a
{
    background: #ff9800;
    padding: 6px;
    outline:none;
        color: #fff;
}

.tabs-content.contentSearch {
    border: none;
    background: transparent;
}

.contentSearch .tabs-panel
{

    background: transparent;
    border: none;
}
.selectStyle
{
    height: 30px;
    padding-top: 1px;
    font-size: 14px;
    padding-right: 8px;
    background-color: #004470;
    color: #fff;
}

select.selectStyle:focus
{

    background-color: #004470;

}


.prog_list {
 /*   background-color: #cccccc;*/
    border: 2px solid #002840;
    color: #002840;
        padding-top: 5px;
}
.prog_list:focus {
   /* background-color: #cccccc;*/
    border: 2px solid #002840;
    color: #002840;
}

.search_on {
    color: blue;
    border-bottom: 1px solid blue;
}



 .lives
{

       margin-top: -5px;
}








.newIcon,.newIconForsmall {
 width: 40px;
    -webkit-animation: scaleAnimation 5.5s infinite cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: scaleAnimation 5.5s infinite cubic-bezier(0.165, 0.84, 0.44, 1);
}
.newIconForsmall
{
 width:30px;
}

@-webkit-keyframes fadeAnimation {
    0%, 80%, 100% {
        opacity: 0;
    }
    30%, 50% {
        opacity: 1;
    }
}

@-webkit-keyframes scaleAnimation {
    0%, 80%, 100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    30%, 50% {
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }
}

@keyframes fadeAnimation {
    0%, 80%, 100% {
        opacity: 0;
    }
    30%, 50% {
        opacity: 1;
    }
}

@keyframes scaleAnimation {
    0%, 80%, 100% {
        -webkit-transform: scale(0.8, 0.8);
     transform: scale(0.8, 0.8);
    }
    30%, 50% {
        -webkit-transform: scale(1, 1);
           transform: scale(1, 1);
    }
}

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

.liveText
{
    font-size: 10px;
}

.newIconForsmall
{
 width:25px;
}
.radio-iconSmall, .dish-iconSmall {
    height: 28px;
}
 }


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

.liveText
{
  display:none;
}


 }