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

    Template Information:

    Website: Amad News;
    Company: wsla.ps & aladham.ps;
    Front-End Developer: Nadeem Ayesh;
    Back-End Developer: wsla.ps & aladham.ps;
    Email: info@wsla.ps & info@aladham.ps;
    Mobile: +972 599 461835 | +972 597 972030 | +972 599 684626;
    TelFax:	+970 8 2886841;

    Wasla Services: 
        Wasla It can Provide a lot of services like:
        1- Web Design & Development
        2- Software solutions for the companies
        3- Web Hosting & Domain Registration
        4- Reservation of private servers for companies
        5- Hosting live broadcasts of radio stations
        6- Programming applications for iPhone and Android
        7- E-marketing and campaign management
        8- E-mail service & SMS service 

    Date: 3, Mars, 2019;

*************/
/*  Fonts Include  */
@font-face {
    src: url("../fonts/Tajawal-Regular.ttf");
    font-family: 'main';
}

@font-face {
    src: url("../fonts/Tajawal-Medium.ttf");
    font-family: 'bold-ar';
}
/*  Fonts Include  */

/*  Start General  */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'main', sans-serif;
    margin: 0;
    padding: 0;
    word-break: break-word;
}

:root {
    --mainColor: #e26900;
    --trans: all 0.4s ease-in-out;
}

body {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
p {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'bold-ar', 'main', sans-serif;
}

a:hover,
a:focus,
a:active,
button:hover,
button:focus,
button:active,
div,
section,
span,
p,
div:hover,
section:hover,
span:hover,
p:hover {
    text-decoration: none;
    outline: none;
}

select,
input[type=checkbox],
input[type=radio],
select:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
    cursor: pointer;
}

.row-me::after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

a i,
button i,
span i {
    vertical-align: middle
}

.title-hed {
    position: relative;
    margin-bottom: 15px;
}

.title-hed a {
    display: flex;
    display: -ms-flexbox;
    color: #131311;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

.title-hed::before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #efefefb3;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
}

.title-hed a h1, .title-hed a h2, .title-hed a h6, .title-hed a h3, .title-hed a h4, .title-hed a h5 {
    font-size: 20px;
    padding-left: 15px;
    background: #FFF;
    font-weight: bold;
    transition: var(--trans);
}

.title-hed a i{
    color: #CCC;
}

.title-hed a i:hover,
.title-hed a i:focus{
    color: #EA4335;
}

.title-hed.red-clr a h1{
    color: #EA4335
}

.title-hed.green-clr a h1{
    color: var(--green)
}

.title-hed.orange-clr a h1{
    color: var(--orange)
}

.title-hed.blue-clr a h1{
    color: var(--blue)
}

.title-hed.yellow-clr a h1{
    color: var(--yellow)
}

.title-hed.indigo-clr a h1{
    color: var(--indigo)
}

.title-hed.pink-clr a h1{
    color: var(--pink)
}

.title-tools {
    background: #FFF;
    padding-right: 10px;
}

.title-hed:hover h1,
.title-hed:focus h1{
    color: var(--mainColor) !important;
}
/*  End General  */

/* main-header */
.main-header {
    position: relative;
    border-top: 3px solid #439FAC;
    background: url(../images/bk2.jpg) no-repeat center / cover;
}
/* main-header */

/* top-header */
.top-header {
    padding: 7px 0;
    background: #131311;
    position: relative;
}

.top-header .right {
    color: rgb(235, 235, 235);
    font-size: 14px;
}

.top-header .left ul {
    display: flex;
    display: -ms-flexbox;
    list-style: none;
    align-items: center;
}

.top-header .left ul li{
    position: relative;
}

.top-header .left ul li a {
    display: block;
    color: rgb(235, 235, 235);
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all .3s ease;
}

.top-header .left ul li a:hover,
.top-header .left ul li a:focus {
    background: #439FAC;
    border-radius: 50%;
    color: #FFF
}

.top-header .left ul li a.face-icon:hover,
.top-header .left ul li a.face-icon:focus {
    background: var(--blue) !important;
    border-color: var(--blue);
}

.top-header .left ul li a.twitter-icon:hover,
.top-header .left ul li a.twitter-icon:focus {
    background: var(--cyan) !important;
    border-color: var(--cyan);
}

.top-header .left ul li a.google-icon:hover,
.top-header .left ul li a.google-icon:focus {
    background: #EA4335;
    border-color: #EA4335;
}

.top-header .left ul li a.pint-icon:hover,
.top-header .left ul li a.pint-icon:focus {
    background: var(--yellow);
    border-color: var(--yellow);
}

.top-header .left ul li a.skype-icon:hover,
.top-header .left ul li a.piskypent-icon:focus {
    background: #00AFF0;
    border-color: #00AFF0;
}

.currency-li{
    margin-left: 30px;
}

.currency-li a{
    width: auto !important;
    border-radius: 0 !important;
}

.currency-li a:hover,
.currency-li a:focus{
background: none !important
}

.drop-me{
    width: 350px;
    height: auto;
    position: absolute;
    top: 100%;
    left: 0;
    background: #FFF;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 10px;
    z-index: 99;
    display: none;
}

.currency-li:hover .drop-me,
.currency-li:focus .drop-me,
.currency-li:focus-within .drop-me{
    display: block;
}

.drop-me table{
    margin-bottom: 0
}
/* top-header */

/* logos */
.logos {
    position: relative;
    padding: 10px 0 0 0;
    margin-bottom: 5px;
}

.logo a {
    display: block;
}

.logo img{
    height: 90px;
}

.logos .ads {
    margin-bottom: 0 !important;
    height: 115px;
}

/* logos */

/* ads */
.ads {
    width: 100%;
    height: 150px;
    overflow: hidden;
    margin-bottom: 20px;
}

.ads img {
    width: 100%;
    height: 150px;
    /*object-fit: cover;*/
}

/* ads */

/* main-menu */
.main-menu {
    /* padding: 15px 0; */
    /* background: #f4f4f4; */
    padding-bottom: 15px;
}

.main-menu .navbar-nav .nav-link {
    color: #131311;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 12px;
    position: relative;
    transition: all .3s ease;
    margin-left: 3px;
}

.main-menu .navbar-nav .nav-link:hover,
.main-menu .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #FFF;
    background: #e26900;
    border-radius: 25px;
}

.dropdown-toggle::after {
    content: "";
    display: inline-block;
    font-size: 20px;
    color: rgba(255, 255, 255, .5);
    width: 10px;
    height: 10px;
    margin-left: 0;
    vertical-align: middle;
    border: none;
    border-bottom: 2px solid #131311;
    border-left: 2px solid #131311;
    transform: rotate(-45deg);
    margin-top: -5px;
    transition: all .3s ease;
}

.main-menu .navbar-nav .nav-link:hover::after,
.main-menu .navbar-nav .nav-link:focus::after {
    border-color: #FFF !important;
}

.dropdown-menu {
    box-shadow: 1px 1px 3px #CCC;
    border-color: #e3e3e3;
}

.dropdown-item {
    color: #e26900 !important;
    transition: all .3s ease;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: #e26900 !important;
    color: #FFF !important;
}

.drop-search{
    position: relative;
}

.search-holder{
    position: absolute;
    top: 100%;
    left: 0;
    width: 300px;
    height: auto;
    padding: 10px;
    background: #FFF;
    border-radius: 10px;
    z-index: 99;
    display: none;
    border: 1px solid #e3e3e3
}

.search-holder .form-group{
    margin: 0;
    position: relative;
}

.search-holder button{
    position: absolute;
    bottom: 0;
    left: 0;
}

.navbar-toggler{
    height: 40px;
    margin-right: 15px;
}

.menu-toggle .bar1,
.menu-toggle .bar2,
.menu-toggle .bar3 {
    width: 24px;
    height: 2px;
    background-color: #131311;
    margin: 6px 0;
    border-radius: 3px;
    transition: 0.4s;
}

.menu-toggle.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 5px);
    transform: rotate(-45deg) translate(-8px, 5px);
}

.menu-toggle.change .bar2 {
    opacity: 0;
}

.menu-toggle.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -3px);
    transform: rotate(45deg) translate(-6px, -3px);
}

.navbar-collapse{
    /* position: absolute;
    top: 100%;
    width: 100%; */
}
/* main-menu */

/* news-item-xs */
.news-ticker {
    padding: 10px 0;
    background: #439fac;
    margin-bottom: 20px;
}

.news-item-xs a {
    color: #FFF;
    display: block;
    height: 25px;
    overflow: hidden;
    font-size: 14px;
}

.news-item-xs a span {
    color: #FFF;
    font-weight: bold
}

.news-item-xs p{
    color: #FFF;
    font-size: 18px;
}

.ticker2 ul,
.ticker1 ul{
    width: 100%
}
/* news-item-xs */

/* breaking-holder */
.breaking-news{
    position: relative;
    margin-bottom: 20px;
}

.breaking-holder{
    background: #EA4335;
    padding: 10px 15px;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.breaking-holder .title{
    color: #FFF;
    font-size: 20px;
    margin-left: 10px;
}

.ticker2{
    flex-grow: 1
}
/* breaking-holder */

/* main-stage */
.main-slider {
    position: relative;
    margin-bottom: 20px;
    height: 432px;
    overflow: hidden;
}

.slider-item {
    position: relative;
    height: 432px;
    width: 100%;
    overflow: hidden;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.slider-item img {
    width: 100%;
    height: 432px;
    object-fit: cover;
    transition: all .3s ease
}

.slider-item:hover img,
.slider-item:focus img {
    transform: scale(1.05, 1.05);
}

.slider-caption {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(to top, #000000, transparent);
    /*border-right: 5px solid #e26900;*/
    transition: all .35s ease;
    overflow: hidden;
}

.slider-item:hover .slider-caption,
.slider-item:focus .slider-caption {
    /*background: #000;*/
    max-height: 100%;
    transition: max-height .75s ease;
    /*padding-top: 35px;*/
}

.slider-caption span {
    display: inline-block;
    color: #FFF;
    padding: 3px 10px;
    background: #e26900;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 10px;
}

.slider-caption h1 {
    font-size: 22px;
    color: #FFF;
    line-height: 1.5;
    margin-bottom: 10px;
    max-height: 66px;
    overflow: hidden;
    font-weight: bold
}

.slider-caption p {
    color: #FFF;
    font-size: 16px;
    max-height: 48px;
    overflow: hidden;
}

.main-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all .35s ease;
    z-index: 99;
    padding: 0 !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.main-slider .slick-arrow.arrow-right {
    right: 15px;
}

.main-slider .slick-arrow.arrow-left {
    left: 15px
}

.main-slider:hover .slick-arrow {
    opacity: 1;
}

.main-stage .slider-item-sm figure{
    height: 215px;
}
/* main-stage */

/* Accordion */
.accordion-holder .list-holder{
    height: 155px;
}

.accordion-holder .card-header a {
    color: #131311;
    font-size: 16px;
}

.accordion-holder .card-header,
.card-body {
    padding: 7px;
}

.accordion-holder .card:not(:last-child) {
    margin-bottom: 5px;
}

.acc-image {
    width: 100%;
    height: 150px;
    overflow: hidden;
    /* margin: 0; */
}

.acc-image img {
    width: 100%;
    height: 150px;
    object-fit: cover
}

.card-body {
    text-align: center
}

.card-body a.btn {
    padding: 6px 20px;
    background: #e26900;
    color: #FFF;
}

/* Accordion */

/* big-three */
.big-three {
    padding: 30px 0;
    background: #f9f9f9;
    border-top: 2px solid #f7f7f7;
    border-bottom: 2px solid #f7f7f7;
    margin-bottom: 20px;
}

.big-three .title-hed a h1,
.big-three .title-tools {
    background: #f9f9f9;
}

/* big-three */

.vertical-list-news .vertical-item figure{
    width: 75px;
    height: 67px;
}

/* vertical-item */
.vertical-item {
    margin-bottom: 15px;
}

.vertical-item figure {
    margin-left: 10px;
    margin-bottom: 0;
    width: 185px;
    height: 130px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.vertical-item figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease;
}

.vertical-item figure::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #e26900;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .35s ease-in-out;
    z-index: 2
}

.vertical-item h3,
.vertical-item h2,
.slider-item-sm h3,
.slider-item-sm h4 {
    color: #131311;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 1.5;
    transition: all .4s ease;
    max-height: 53px;
    overflow: hidden;
    word-break: break-word;
}

.vertical-item:hover h3,
.vertical-item:hover h2,
.vertical-item:focus h3,
.vertical-item:focus h2,
.slider-item-sm:hover h3,
.slider-item-sm:hover h4,
.slider-item-sm:focus h3,
.slider-item-sm:focus h4 {
    color: #e26900;
}

.vertical-item:hover img,
.vertical-item:focus img,
.slider-item-sm:hover figure img,
.slider-item-sm:focus figure img {
    transform: scale(1.05, 1.05);
}

.vertical-item:hover figure::before,
.vertical-item:focus figure::before {
    /* opacity: 0.7; */
}

.shot-text {
    max-height: 66px;
    overflow: hidden;
    color: #131311
}

.shot-text p,
.shot-text span,
.shot-text pre,
.shot-text a {
    color: #131311;
    font-size: 15px;
    line-height: 1.5
}

.news-date {
    position: absolute;
    bottom: -20px;
    width: 100%;
    height: auto;
    padding: 30px 15px 5px 15px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    z-index: 3;
    transition: all 0.3s ease;
    opacity: 0;
    background: linear-gradient(to top, #000, transparent)
}

.vertical-item:hover .news-date,
.vertical-item:focus .news-date {
    bottom: 0;
    opacity: 1;
}

.news-lable {
    position: absolute;
    top: 10px;
    right: 0;
    width: auto;
    max-width: 100%;
    background: #e26900;
    color: #FFF;
    padding: 3px 5px 3px 15px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    z-index: 4;
    font-size: 14px;
    transition: all 0.3s ease;
}

.vertical-item:hover .news-lable,
.vertical-item:focus .news-lable,
.slider-item-sm:hover .news-lable,
.slider-item-sm:focus .news-lable {
    padding-right: 20px;
    transform: scale(1.08, 1.08)
}

/* vertical-item */

/* .slider-item-sm */
.sm-slider {
    margin-bottom: 20px;
    text-align: center
}

.slider-item-sm {
    margin-bottom: 15px;
    text-align: right
}

.slider-item-sm:hover .news-date{
    bottom: 0;
    opacity: 1;
}

.slider-item-sm a {
    display: block;
}

.slider-item-sm figure {
    width: 100%;
    height: 155px;
    overflow: hidden;
    position: relative;
    border-radius: 7px;
}

.slider-item-sm figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    background: #dedede8a;
    line-height: 0.5;
    padding: 0 10px;
    border-radius: 25px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #CCC;
    margin: 5px !important;
    transition: all .4s ease;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #e26900
}

/* .slider-item-sm */

/* list-holder */
.list-holder{
    margin-bottom: 20px;
}

.list-holder ul {
    list-style: none;
}

.list-holder ul li a {
    display: flex;
    display: -ms-flexbox;
    color: #131311;
    font-size: 16px;
    margin-bottom: 15px;
    transition: all .4s ease;
    /*text-align: justify;*/
    word-wrap: normal;
    word-break: break-word;
}

.list-holder ul li a i {
    margin-top: 5px;
    margin-left: 8px;
    font-size: 14px;
}

.list-holder ul li a:hover,
.list-holder ul li a:focus {
    color: #e26900
}

.list-holder {
    height: 300px;
    overflow: hidden;
}

.list-height{
    height: 215px;
}
/* list-holder */

/* three-vertical */
.three-vertical {
    padding: 30px 0
}

.vertical-sm .media {
    align-items: center
}

.vertical-sm figure,
.vertical-sm figure img {
    width: 130px;
    height: 100px;
}

.big-news {
    height: 250px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 7px;
    transition: all .3s ease;
}

.big-news img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all .3s ease;
}

.big-news:hover img,
.big-news:focus img{
    -webkit-transform: scale(1.09, 1.09);
    -moz-transform: scale(1.09, 1.09);
    -ms-transform: scale(1.09, 1.09);
    -o-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
}

.big-news:hover,
.big-news:focus{
    box-shadow: 1px 1px 5px #333;
}

.news-overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(to top, #000, transparent);
    padding: 35px 15px 25px 15px;
}

.news-overlay>* {
    color: #FFF;
    font-size: 22px;
    line-height: 1.3
}

/* three-vertical */

/* news-dates */
.news-dates,
.news-dates p {
    font-size: 14px;
    margin-bottom: 10px;
}

.news-dates p i {
    margin-left: 5px;
}

/* news-dates */

/* sorting-with-rating */
.sorting-with-rating {
    padding: 30px 0;
    position: relative;
}

.news-bg {
    /* padding: 15px; */
    border: 1px solid #e3e3e3;
    border-radius: 7px;
    /* box-shadow: 1px 1px 3px #CCC; */
    background: #f9f9f9;
    overflow: hidden;
}

.slider-item-sm.news-bg figure{
    height: 165px;
    border-radius: 0 !important;
}

.news-text {
    padding: 15px;
    padding-top: 0;
}

.vertical-item.vertical-sm.news-bg {
    padding-left: 15px;
}

/* sorting-with-rating */

/* voting */
.voting {
    margin-bottom: 20px;
}

.voting h4 {
    font-size: 16px;
    color: #e26900;
    line-height: 1.7;
    margin-bottom: 20px;
}

.vote-question h4{
    font-size: 22px;
    color: #e26900;
    line-height: 1.5;
    margin-bottom: 20px;
}

/* Radio buttons */
ul.simple-radio {
    display: flex;
    display: -ms-flexbox;
    list-style: none;
    margin-bottom: 5px;
    margin-right: -5px;
    margin-left: -5px;
    flex-wrap: wrap;
}

.simple-radio li {
    display: flex;
    display: -ms-flexbox;
    line-height: 1.2em;
    color: #636363;
    border: 1px solid #E5E5E5;
    counter-increment: section;
    cursor: pointer;
    padding: 10px 20px;
    padding-right: 10px;
    -webkit-transition: var(--trans);
    -moz-transition: var(--trans);
    -ms-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    /* width: 47% */
}

.simple-radio li:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #ECECEC;
    font-size: 14px;
    text-align: center;
    color: #999;
    margin-left: 10px;
    padding: 0 1px 0 4px;
    background: #BBBBBB;
    -webkit-transition: var(--trans);
    -moz-transition: var(--trans);
    -ms-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}

.simple-radio li:hover:before,
.simple-radio li.checked:before {
    color: #FFF;
}

.simple-radio .check {
    display: inline-block;
    text-align: center;
    width: 1.5em;
    line-height: 1em;
    padding-top: .2em;
    float: right;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}

.simple-radio input,
.simple-radio li .check .yes,
.simple-radio li.checked .check .no {
    display: none;
}

.simple-radio li:hover,
.simple-radio li.checked {
    background-color: transparent;
    color: #e26900;
    border-color: #e26900;
    /* background: linear-gradient(220deg, #EA4335, #e26900); */

}

.simple-radio li.checked:before {
    background: var(--mainColor);
    border-color: #FCD0D4;
}

.simple-radio li .check .no,
.simple-radio li.checked .check .yes {
    display: inline;
}

/****/
.voting .btn,
.btn-me {
    background: linear-gradient(to right, #EA4335, #e26900);
    color: #FFF;
    padding: 6px 25px;
    border: none;
    margin-bottom: 15px;
}

.voting .form-group p {
    margin-bottom: 5px;
    font-size: 15px;
    color: #131311
}

.progress {
    height: 8px;
}

/* voting */

/* .table td, .table th */
.table td,
.table th {
    padding: 6px;
    text-align: center;
    font-size: 14px;
}

.table th {
    color: #FFF;
}

.currency .table thead tr {
    background: #e26900;
}

/* .table td, .table th */

/* news-letter */
.news-letter{
    padding: 25px 0;
    background: #efefef;
}

.sec-header{
    position: relative;
    margin-bottom: 30px;
    color: #131311;
}

.sec-header::after{
    content: '';
    display: block;
    width: 200px;
    background: #131311;
    height: 3px;
    border-radius: 25px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

.sec-header h4{
    font-size: 20px;
    margin-bottom: 5px;
    color: #131311;
}

.sec-header  p{
    color: #FFF;
    font-size: 14px;
}

/* .news-letter .form-group{
    margin-bottom: 0;
} */

.news-letter .form-control{
    height: 35px;
    border-radius: 25px;
    font-size: 15px;
    color: #e26900
}

.news-letter .form-control:focus{
    box-shadow: none
}

.news-letter .btn{
    border-radius: 25px;
}
/* news-letter */

/* footer-logo" */
.footer-logo > a{
    display: block;
    color: #e26900;
    margin-bottom: 20px
}

.footer-logo img{
    height: 80px;
}

.footer-logo ul{
    display: flex;
    display: -ms-flexbox;
    list-style: none;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.footer-logo ul li a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 26px;
    color: #e26900;
    border: 1px solid #e26900;
    border-radius: 50%;
    text-align: center;
    margin: 0 5px;
    font-size: 14px;
    transition: all 0.4s ease;
}

.footer-logo ul li a:hover,
.footer-logo ul li a:focus{
    background: #e26900;
    color: #FFF;
}

.footer-list ul {
    display: flex;
    display: -ms-flexbox;
    list-style: none;
    align-items: center;
    flex-wrap: wrap
}

.footer-list ul li{
    width: 33.333333%;
    margin-bottom: 5px;
}

.footer-list ul li a{
    display: inline-block;
    color: #131311;
    font-size: 16px;
    padding: 3px 0;
    border: 1px solid transparent;
    transition: all 0.3s ease
}

.footer-list ul li a:hover,
.footer-list ul li a:focus{
    color: var(--mainColor);
    border-color: var(--mainColor);
    border-radius: 25px;
    padding: 3px 10px
}

.copy-rights{
    padding: 25px 0;
    background: #f7f7f7;
}

.wasla img{
    height: 30px;
}
/* footer-logo" */

/* copy-text */
.copy-text{
    padding: 10px 0;
    background: #131311;
    border-bottom: 3px solid #439FAC;
}

.copy-text p{
    font-size: 14px;
}
/* copy-text */

/* inner pages */
.inner-header{
    margin-bottom: 25px;
}

.inner-header h1,
.inner-header h2,
.inner-header h3{
    color: #1b1e21;
    font-size: 33px;
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: bold;
}

.inner-header h1{
    color: var(--mainColor);
}

.inner-header h2,
.inner-header h3{
    font-size: 18px;
}

.inner-header h6{
    margin-bottom: 5px;
}

.inner-header ol{
    background: none;
    border: none;
    padding: 0;
    margin: 0
}

.inner-header ol li,
.inner-header ol a,
.inner-header ol span,
.inner-header ol li.active{
    color: #439fac;
    font-size: 13px;
}

.breadcrumb-item+.breadcrumb-item::before{
    padding-right: 10px;
    padding-left: 10px;
    color: #439fac
}

.breadcrumb-item+.breadcrumb-item{
    padding: 0;
}

.about-text,
.about-text span,
.about-text p,
.about-text pre,
.about-text div,
.about-text table td{
    font-size: 16px !important;
    color: #232020;
    line-height: 1.7 !important;
    font-family: 'lang-font', 'main', sans-serif !important;
}

.contact-page .form-control:not(textarea){
    height: 45px;
}

.contact-page .form-control{
    border-color: #e3e3e3;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.contact-page .form-control:focus{
    box-shadow: 0 0 5px #ccc;
}

.inner-left .list-holder{
    height: auto;
}

.paginations{
    margin-bottom: 20px;
}

.paginations li{
    margin: 0 5px;
}

.paginations li a{
    padding: 0 !important;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #333;
    font-size: 16px;
    background: #FFF;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    -webkit-transition: var(--trans) ;
    -moz-transition: var(--trans) ;
    -ms-transition: var(--trans) ;
    -o-transition: var(--trans) ;
    transition: var(--trans) ;
}

.paginations li a:hover,
.paginations li a:focus{
    background: #FFF;
    border-color: #e26900;
    color: #e26900;
    box-shadow: 0 0 0 3px RGBA(214, 64, 51, .5);
}

.paginations li.active a,
.paginations li a.active{
    background: #e26900 !important;
    border-color: #e26900 !important;
    color: #FFF !important;
}

.grid-page .slider-item-sm{
    margin-bottom: 30px;
}
/* inner pages */

/* search-filter */
.search-filter{
    position: relative;
    padding: 15px;
    background: #f7f7f7;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 25px;
}

.search-filter .form-control:focus{
    box-shadow: none !important;
    border-color: #e26900;
}

.search-filter .btn{
    border: 1px solid transparent;
}

.search-filter .btn:hover,
.search-filter .btn:focus{
    background: none;
    color: #e26900;
    border-color: #e26900;
}

.datepicker-dropdown {max-width: 250px;
    min-width: auto;}
.datepicker {float: right}
.datepicker.dropdown-menu {right:auto}

.datepicker {
    direction: rtl;
}
.datepicker.dropdown-menu {
    right: 0 !important;
    top: 111% !important;
}

.dateContainer1,
.dateContainer{
    position: relative;
}
/* search-filter */

.weather-hold{
    background: #333;
    min-height: 380px;
    /*margin-top: 20px;*/
    color: #FFF;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.weather-hold{
    padding: 10px;
    /*margin-top: 35px;*/
}

.weather-hold > h3{
    font-size: 22PX;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 30px;
}

/* single-img */
.single-img{
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: relative;
    border-radius: 7px;
}

.single-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-lable{
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
    padding: 10px 20px;
    font-size: 12px;
}

.single-actions{
    padding: 8px 15px;
    background: #f7f7f7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    margin-bottom: 20px;
}

.action-ul{
    display: flex;
    display: -ms-flexbox;
    list-style: none;
}

.action-ul li a,
.action-ul li p{
    color: #838383;
    display: block;
    padding: 3px 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.action-ul li a:hover,
.action-ul li a:focus{
    color: var(--mainColor);
}

.action-ul li p i{
    font-size: 12px;
    margin-left: 3px;
}

.stripped-text{
    margin-bottom: 25px;
}

.stripped-text p,
.stripped-text span,
.stripped-text a,
.stripped-text pre,
.stripped-text ul li,
.stripped-text ol li{
    font-size: 20px;
    font-family: 'main', sans-serif !important;
    color: #1b1e21;
    line-height: 1.9;
}

.stripped-text p{
    margin-bottom: 15px;
}

.stripped-text img{
    max-width: 100%;
    height: auto;
}

.single-hed {
    position: relative;
    margin-bottom: 20px;
    color: #1b1e21;
}

.single-hed h4,
.single-hed h5{
    font-size: 18px;
}

.single-hed h4:after{
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background: #1b1e21;
    margin-top: 10px;
}

.single-hed i{
    color: var(--mainColor);
    font-size: 16px;
}

.tags{
    margin-bottom: 20px;
}

.tags a{
    display: inline-block;
    padding: 3px 15px;
    color: #1b1e21;
    background: #f7f7f7;
    border: 1px solid #e3e3e3;
    border-radius: 25px;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 5px;
    transition: all 0.3s ease;
}

.tags a:hover,
.tags a:focus{
    color: var(--mainColor);
    border-color: var(--mainColor);
}

.custom-list{
    margin-bottom: 25px;
}

.custom-list ul{
    list-style: none;
}

.custom-list ul li > a{
    display: block;
    padding: 3px 0px;
    position: relative;
    color: #1b1e21;
    margin-bottom: 5px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.custom-list ul li > a:hover,
.custom-list ul li > a:focus{
    color: var(--mainColor);
}

.custom-list ul li > a:before{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: var(--mainColor);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 7px;
}

.download-list{
    margin-bottom: 25px;
}

.download-list ul li{
    list-style: none;
    padding: 5px 15px;
    background: #f7f7f7;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-bottom: 8px;
}

.download-list ul li a{
    color: #1b1e21;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: space-between;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.download-list ul li a:hover,
.download-list ul li a:focus{
    color: var(--mainColor);
}

.download-list ul li span i{
    color: var(--mainColor);
}
/* single-img */

/* Audio */
.ppq-audio-player {
    height: 70px !important;
    line-height: 70px !important;
    border-radius: 7px;
    margin-bottom: 10px !important;
}

.ppq-audio-player .play-pause-btn {
    float: left;
    margin: 12px 0 0 12px !important;
}

.ppq-audio-player .player-bar {
    margin-top: 32px !important;
}
/* Audio */

.iframe-box{
    margin-bottom: 30px;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 30px;
}

.iframe-box iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe, #u_0_0 {
    width: 100% !important;
}

.gallery-holder{
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

.gallery-item{
    max-width: 33.333333%;
    height: 250px;
    overflow: hidden;
    position: relative;
}

.gallery-item a{
    display: block;
    position: relative;
    z-index: 2;
}

.gallery-item a > img{
    max-width: 100%;
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.gallery{
    margin-bottom: 25px;
}

.icon-overlay{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 9;
    opacity: 0;
}

.icon-overlay > img{
    height: 30px;
    filter: brightness(0) invert(1);
    position: relative;
    z-index: 1;
}

.gallery-item:hover .icon-overlay,
.gallery-item:focus .icon-overlay{
    opacity: 1;
}

.gallery-img a::after,
.gallery-item a::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #000;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
}

.gallery-img:hover a::after,
.gallery-item:hover a::after{
    opacity: 0.6;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.news-single{
    margin-bottom: 25px;
}

@media (min-width: 1366px) {
    .container {
        max-width: 1250px;
    }
}

@media (max-width: 1200px){
    .main-menu .navbar-nav .nav-link{
        margin: 3px 0;
    }

    .navbar-collapse .navbar-nav{
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 10px;
    }

    li.nav-item.drop-search{
        display: none !important;
    }
}

@media screen and (max-width: 768px){
    .top-header .right{
        text-align: center;
        margin-bottom: 10px;
    }

    .top-header .left ul{
        justify-content: center
    }

    .drop-me{
        width: 280px;
        right: 0
    }

    .news-list{
        margin-bottom: 20px;
    }

    .gallery-item{
        max-width: 50%;
    }

    .gallery-item img{
        width: 100%;
    }

    .main-slider .slick-arrow{
        opacity: 1;
    }
}

@media screen and (max-width: 576px){
    .top-header .row .col{
        max-width: 100% !important;
        flex: 0 0 100% !important
    }

    .top-header .left ul{
        flex-wrap: wrap
    }

    .currency-li{
        margin: 0;
        position: static !important;
    }

    .drop-me{
        width: 100%;
        right: 0
    }

    .drop-search{
        position: static !important
    }

    .search-holder{
        width: 100%;
    }

    .breaking-holder .title{
        flex: 0 0 100%;
        text-align: center;
    }

    .breaking-holder{
        flex-wrap: wrap;
    }

    .main-slider .slick-arrow{
        opacity: 1;
    }

    .footer-list ul li{
        width: 50%;
    }

    .gallery-item{
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 380px){
    .vertical-item .media{
        flex-wrap: wrap;
    }

    .vertical-item figure{
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .vertical-sm figure, .vertical-sm figure img{
        width: 100% !important;
    }

    .vertical-item.vertical-sm.news-bg{
        padding: 0;
    }

    .vertical-item.vertical-sm.news-bg .media-body{
        padding: 5px;
        text-align: center;
    }

    .footer-list ul li{
        width: 100%;
    }
}

.ticker1 ul{
    height: 25px;
    overflow: hidden;
}

.search-holder .title-hed::before{
    display: none;
}

.big-three .title-hed a h1, 
.big-three .title-hed a h2, 
.big-three .title-hed a h6, 
.big-three .title-hed a h3, 
.big-three .title-hed a h4, 
.big-three .title-hed a h5{
    background: #f9f9f9 !important;
}

.title-hed.red-clr a h1,
.title-hed.red-clr a h2,
.title-hed.red-clr a h3,
.title-hed.red-clr a h4,
.title-hed.red-clr a h5,
.title-hed.red-clr a h6{
    color: #EA4335
}

.title-hed.green-clr a h1,
.title-hed.green-clr a h2,
.title-hed.green-clr a h3,
.title-hed.green-clr a h4,
.title-hed.green-clr a h5,
.title-hed.green-clr a h6{
    color: var(--green)
}

.title-hed.orange-clr a h1,
.title-hed.orange-clr a h2,
.title-hed.orange-clr a h3,
.title-hed.orange-clr a h4,
.title-hed.orange-clr a h5,
.title-hed.orange-clr a h6 {
    color: var(--orange)
}

.title-hed.blue-clr a h1,
.title-hed.blue-clr a h2,
.title-hed.blue-clr a h3,
.title-hed.blue-clr a h4,
.title-hed.blue-clr a h5,
.title-hed.blue-clr a h6{
    color: var(--blue)
}

.title-hed.yellow-clr a h1,
.title-hed.yellow-clr a h5,
.title-hed.yellow-clr a h4,
.title-hed.yellow-clr a h3,
.title-hed.yellow-clr a h2,
.title-hed.yellow-clr a h6 {
    color: var(--yellow)
}

.title-hed.indigo-clr a h1,
.title-hed.indigo-clr a h2,
.title-hed.indigo-clr a h3,
.title-hed.indigo-clr a h4,
.title-hed.indigo-clr a h5,
.title-hed.indigo-clr a h6{
    color: var(--indigo)
}

.title-hed.pink-clr a h1,
.title-hed.pink-clr a h2,
.title-hed.pink-clr a h3,
.title-hed.pink-clr a h4,
.title-hed.pink-clr a h5,
.title-hed.pink-clr a h6{
    color: var(--pink)
}

.vertical-list-news .vertical-item:hover p,
.vertical-list-news .vertical-item:focus p{
    color: #e26900;
}

.live{
    width: 100%;
    height: 276px;
    overflow: hidden;
    border-radius: 10px;
}

.live img{
    width: 100%;
    height: 100%;
    object-fit: cover
}

.flex-list{
    margin-right: -15px;
    margin-left: -15px;
    height: 276px;
    margin-bottom: 0
}

.flex-list ul{
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: wrap;
}

.flex-list ul li{
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

.list-holder.flex-list ul li a{
    margin-bottom: 8px;
    align-items: center
}

.live-sec{
    padding: 30px 0;
    background: #e2e2e2ad;
    position: relative;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px; 
}

@media(max-width: 991px){
    .live{
        margin-bottom: 30px;
    }
}

@media(max-width: 768px){
    .flex-list{
        margin: 0;
    }

    .flex-list ul li{
        width: 100%;
        padding: 0;
    }
}

.ticker-bottom{
    margin: 0;
    background: #E5E5E5
}

.ticker-bottom article a,
.ticker-bottom article span,
.ticker-bottom article p{
    color: #131311
}

.clock-live{
    padding: 3px 5px;
    background: #C10100;
    color: #FFF;
    font-size: 12px;
    border-radius: 5px;
    margin-left: 8px;
    min-width: 80px;
    text-align: center;
}

.clock-live i {
    margin: 0 !important;
}