a {
    color: #363636;

}

a:hover {
    color: #e30b30;
    text-decoration: none;

}

.card-img-overlay {
    top:auto;
    right:0;
    left: 0;
    z-index:1;

}


.card {

    border: 0;
    border-radius: 0;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.card-no-shadow {

    border: 0;
    border-radius: 0;
    box-shadow: 0 ;
}



.card-header {
    background-color: transparent;
    border-bottom: 0;

}

.card-img {

    border-radius: 0;
}

.card-img-overlay:before {
    background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0, 0, 0, 0.5));
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    z-index: 0;
    position: absolute;
}

.bg-pic {
    background-color: #f8f8f8 !important;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    border: 0px solid #eaeaea !important;
    padding:0;

}

.news-time {
    padding: 0 0 0 5px;
    font-size: 20px;
    display: inline-block;
    margin: 0;
    font-weight: bold;
    color: #e30b30;
    border-left: 3px solid #cecece;
    /*margin: 0 0 5px 10px;*/
    line-height: 1;
    font-family: sans-serif;
}


.list-group-item{
    border:0;
    margin:0;
}


.btn-tag {
    color: #a5a5a5;
    border-color: transparent;
    border-radius: 0;
    font-size: 0.8em;
    padding:0;
}

.icon-video {
    position: absolute !important;
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    top: 50%;
    right: 50%;
    margin-right: -25px;
    margin-top: -25px;
    color: rgba(0, 0, 0, 0.75);
    font-size: 60px;
    text-align: center;
    line-height: 0;
    padding: 0 0px 0px 10px;
}

.btn-primary {
    color: #fff;
    background-color: #e30b30;
    border-color: #e30b30;
}

.number-more{

    font-size: 4em;
text-align: center;
    font-family: sans-serif;
    line-height: 0.8;
}

.number-more-small{


    font-size: 0.8em;
    font-family: 'Droid Arabic Naskh', sans-serif !important;
    opacity: 1;
    display: inline-flex;


}

.dropdown-more {
    right: 0;
    position: absolute;
    top: 0;
    padding: 10px;
    z-index: 1;
}


 a {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
line-height: 1.8em;


}


 a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0px;
    background: #e30b30;
    height: 2px;
    transition-property: left;
    transition-duration: .2s;
    transition-timing-function: ease-out

}

a:active:before, a:focus:before, a:hover:before {
    left: 0
}

.card {

    box-shadow: 0 0 15px rgba(0,0,0,.08)!important;
    transition-duration: .3s;
    transition-property: box-shadow;
    background: rgba(255, 255, 255, 0.95);

}

.card:active, .card:focus, .card:hover {
    box-shadow: 0 0 0.5rem rgba(0,0,0,.15)!important;
    background: #fafafa;

}

.swiper-button-next,
.swiper-button-prev{
    color: #b5b5b5 !important;
    fill: #b5b5b5 !important;
    stroke: #b5b5b5 !important;
}

.swiper-pagination-bullet {
    background: #e30b30 !important;

}

.list-group-item{
    background: none;
}


.sticky-top-header {

    top: 75px;
    z-index:3;

}
.sticky-top-90 {

    top: 90px;
    z-index:0;

}


.sticky-bottom {
    position: sticky !important;
   top: 75px;
    padding: 0 0 30px 0;

}



/*.navbar-collapse-fixed {*/

/*    position: fixed;*/
/*    bottom: 0px;*/
/*    right: 0;*/
/*    left: 0;*/
/*    padding: 15px;*/

/*    box-shadow: 0 0 10px rgba(0,0,0,.1)!important;*/

/*    background: rgba(255, 255, 255, 0.95);*/
/*    z-index:2 ;*/
/*}*/


.navbar-collapse-fixed {
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 0;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.1)!important;
    background: rgba(255, 255, 255, 0.95);
    z-index: 2;
    border-top: 3px solid #e30b30;
}



img {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);



}


img:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0px;
    background: #e30b30;
    height: 2px;
    transition-property: left;
    transition-duration: .3s;
    transition-timing-function: ease-out;

}

img:active:before, img:focus:before, img:hover:before {
    left: 0;
}

.size-25{
    font-size: 22px !important;
}


.navbar-toggler{
    border:0;
    font-size: 18px;
}

.bg-dark {
    background-color: #363636!important;
}

.bg-black {
    background-color: #0d0d0d !important;
    color: #bdbdbd;
}

.border-danger {
    border-color: #e30b30!important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    line-height: 1.5;
}


div#multiCollapseExample1 {
    position: absolute;
    top: 76px;
    z-index: 15550005;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    background: white;

}


@media (max-width: 767px) {
    div#multiCollapseExample1 {
        top: 76px !important;
    }

    div#multiCollapseExample1 {

        overflow: auto;
        height: calc( 100vh - 125px);
    }

.video-pic{
    position: static;
    z-index: 1000;
    top:60px;
    left: 0;
    right: 0;

}


}
.text-shadow{
    text-shadow: 0 0 0.5rem rgba(0,0,0,.2);
}

.overlay-icon-center {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
    line-height: 1;
}


li.nav-item {
    border-right: 1px solid rgba(191, 191, 191, 0.2);
    padding: 0px 10px;
    text-align: center;
}

.g-scrolling-carousel a {

    margin: 0 15px;

}
.g-scrolling-carousel .items {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
.g-scrolling-carousel .items::-webkit-scrollbar {
    display: none;
}
.jc-right,
.jc-left {
    width: 36px;
    height: 36px;
    color:#757575;
    margin-bottom: auto;
    margin-top:auto;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 4px 8px 0 rgba(0,0,0,0.20);
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index:2;
    opacity: 0.94;

}
.jc-right {
    right:0px;
}
.jc-left {
    left:0px;
}

.jc-right:hover,
.jc-left:hover{
    opacity: 0.98;
}
.jc-right svg,
.jc-left svg{
    position: absolute;
    left: 0;right: 0;bottom: 0;top: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    fill: #757575;
}
.jc-right:hover svg,
.jc-left:hover svg{
    fill: #000;
}
@media (pointer: coarse) {
    .jc-right,
    .jc-left {
        display: none !important;
    }
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

/*img.lazy {*/

    /*background-image: url('http://new.almasirah.net/static/images/800x450/prodefualt.jpg');*/

/*}*/

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #e30b30;
    border-color: #e30b30;
}

.page-link {
    color: #e30b30;
}


.embed-kwikmotion { position: relative; padding-bottom: 57.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-kwikmotion iframe, .embed-kwikmotion object, .embed-kwikmotion embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.swiper-slide-flex {
    height: auto !important;
    display: flex !important;
}

.card-footer{
    background: transparent;
    border: 0;
}

.swiper-pagination-bullet {

    border-radius: 10% !important;
}



.search-container {
    position: relative;
    display: inline-block;
    margin: 0;
    height: 25px;
    width: 25px;

}


.searchbutton {
    position: absolute;
    font-size: 22px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.search:focus + .searchbutton {
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    background-color: white;
    color: black;
}

.search {
    position: absolute;
    right: 44px; /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */
    background-color: white;
    outline: none;
    border: none;
    padding: 0;
    width: 0;
    height: 32px;
    z-index: 10;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

.search:focus {
    width: 300px; /* Bar width+1px */
    padding: 5px;
}

.expandright {
    left: auto;
    right: 49px; /* Button width-1px */
}

.expandright:focus {
    padding: 0 0 0 20px;
}
#breaking{
    left:0;
}

.pagination-lg .page-link {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
}

ul.pagination.clearfix.pagination.pagination-lg {
    display: -webkit-inline-box;
    padding: 0;
}

@media (min-width: 576px){
 .modal-dialog {
    max-width: 75%;
    margin: 1.75rem auto;
}   
    
}