@import url("../bootstrap/dist/css/bootstrap.min.css");
@import url("../bootstrap/dist/css/bootstrap-theme.min.css");
@import url("chosen.css");
@import url("animate.css");
/* 
 | --------------------- |
 |       MobileAdz       |
 |    www.mobileadz.ca   |
 | --------------------- |
*/
/*-------------------------
        Simple reset
--------------------------*/

*{
    margin:0;
    padding:0;
}

/*-------------------------
        General Styles
--------------------------*/
@font-face {font-family: 'Bold';src: url('webfont/NotoKufiArabic-Bold.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Regular';src: url('webfont/NotoKufiArabic-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Greta';src: url('webfont/Greta_Arabic_Regular.eot?') format('eot'), url('webfont/Greta_Arabic_Regular.otf')  format('opentype'),url('webfont/Greta_Arabic_Regular.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'SimplifiedBold';src: url('webfont/Simplified Arabic Bold.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Simplified';src: url('webfont/Simplified Arabic.ttf') format('truetype');font-weight: normal;font-style: normal;}
body{font-family:'SimplifiedBold',Arial, Helvetica, sans-serif;font-size:17px;direction:ltr;margin:0;padding:0; background:#f9f2ed;}
/* General */
a{text-decoration:none !important;color:#333333 !important;}
.padding5{padding:5px !important;}
.padding10{padding:10px !important;}
.P-T15{padding-top:15px !important;}
.P-T5{ padding-top:5px !important;}
.padding80{padding:80px 0 0 0 !important;}
.block{display:block;}
.shortP{text-align:justify;line-height:18px;padding:5px 0px;}
.descparagraph{text-align:justify;line-height:25px;padding:5px 0px;}
.Desc{line-height:30px !important;padding:10px !important;}
.line-height-18{line-height:18px !important;}
.line-height-24{line-height:24px !important;}
.line-height-30{line-height:30px !important;}
.line{height:5px !important;width:100% !important;}
.border-2{border:2px solid #eee !important;}
.border-B1{border-bottom:1px solid #eee !important;}
.float-L{float: left !important;}
.float-R{float: right !important;}
.float-N{float: none !important;}
.FNBold{
    /*font-family:'Bold',Arial, Helvetica, sans-serif !important;*/
    font-family:'SimplifiedBold',Arial, Helvetica, sans-serif !important;
    font-weight:normal !important;
}
.FNRegular{
    /*font-family:'Regular',Arial, Helvetica, sans-serif !important;*/
    font-family:'SimplifiedBold',Arial, Helvetica, sans-serif !important;
    font-weight:normal !important;}
.FNGreta{font-family:'Greta',Arial, Helvetica, sans-serif !important;font-weight:normal !important;}
.FNTahoma{font-family:Tahoma, Geneva, sans-serif !important;font-weight:normal !important;}
.opacity90{filter:alpha(opacity=90);-moz-opacity:0.90; -khtml-opacity:0.90; opacity:0.90;}
.opacity80{filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.80;}
.opacity60{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}
.opacity50{filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity:0.50; opacity:0.50;}
.radius{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.radius-10{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.radiusUP{border-radius:5px 5px 0px 0px !important;-moz-border-radius:5px 5px 0px 0px !important;-webkit-border-radius:5px 5px 0px 0px !important;}
.radiusDOWN{border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-webkit-border-radius: 0px 0px 5px 5px;}
.screen{width:100% !important;}
.zero{padding:0px !important;margin:0px !important;}
.zero-P{padding:0 !important;}
.zero-P5{padding:8px 3px !important;}
/* Margin */
.M-R10{margin-right:10px !important;}
.M-R5{margin-right:5px !important;}
.M-L5{margin-left:5px !important;}
.M-L3{margin-left:3.5px !important;}
.M-L10{margin-left:10px !important;}
.M-L11{margin-left:11px !important;}
.M-L13{margin-left:13px !important;}
.M-L15{margin-left:15px !important;}
.M-L20{margin-left:20px !important;}
.M-L25{margin-left:25px !important;}
.M-T5{margin-top:5px !important;}
.M-T10{margin-top:10px !important;}
.M-T15{margin-top:15px !important;}
.M-T-15{margin-top:-15px !important;}
.M-T20{margin-top:20px !important;}
.M-T35{margin-top:35px !important;}
.M-T50{margin-top:50px !important;}
.M-T180{margin-top:180px !important;}
.M-B5{margin-bottom:5px !important;}
.M-B10{margin-bottom:10px !important;}
.M-B15{margin-bottom:15px !important;}
.M-B20{margin-bottom:20px !important;}
.M-B35{margin-bottom:35px !important;}
.M-B200{margin-bottom:200px !important;}
.M10-12{margin:10px 12px !important;}
/* Background Color */
.BGgray{background-color:#e8e8e8 !important;}
.BGwgray{background-color:#ebebeb !important;}
.BGdgray{background-color:#231f20 !important;}
.BGblack{background-color:#030302 !important;}
.BGwhite{background-color:#FFF !important;}
.BGgreen{background-color:#d3ef7f !important;}
.BGdgreen{background-color:#72704f !important;}
.BGdblue{background-color:#0e3c7b !important;}
.BGblue{background-color:#20afad !important;}
.BGorang{background-color:#ff6600 !important;}
.BGmove{background-color:#a04bc0 !important;}
.BGyellow{background-color:#f7b957 !important;}
.BGred{background-color:#d50000 !important;}
.BGdred{background-color:#7e2445 !important;}
.BGbrown{background-color:#8f7657 !important;}
.BGdbrown{background-color:#4a2f0f !important;}
.BGybrown{background-color:#aa945e !important;}
/* Font Color */
.FNyellow{color:#d2c065 !important;}
.FNgreen{color:#a4ac38 !important;}
.FNdgreen{color:#a4ac38 !important;}
.FNdgray{color:#717171 !important;}
.FNgray{color:#c4c4c4 !important;}
.FNagray{color:#ebebeb !important;}
.FNdblue{color:#0e3c7b !important;}
.FNblue{color:#20afad !important;}
.FNorang{color:#ff6600 !important;}
.FNred{color:#d50000 !important;}
.FNwhite{color:#FFF !important;}
.FNblack{color:#030302 !important;}
.FNbrown{color:#8f7657 !important;}
.FNdbrown{color:#4a2f0f !important;}
/* Font Size */
.FN-Z12{font-size:12px !important;}
.FN-Z13{font-size:13px !important;}
.FN-Z14{font-size:14px !important;}
.FN-Z15{font-size:15px !important;}
.FN-Z16{font-size:16px !important;}
.FN-Z18{font-size:18px !important;}
.FN-Z20{font-size:20px !important;}
.FN-Z22{font-size:22px !important;}
.FN-Z24{font-size:24px !important;}
.FN-Z26{font-size:26px !important;}
.FN-Z28{font-size:28px !important;}
.FN-Z30{font-size:30px !important;}
.FN-Z48{font-size:48px !important;}
/* ---------------------------------------------------- */

header{
    position:relative;
    width:100%;
    height:191px;
    background:url(../images/header.jpg) top center no-repeat #eae5d2;
    border-top:10px solid #8f7657;
}
header a#logo img{
    display:block;
    /* background:url(../images/logo.png) 0px 0px no-repeat; */
    /* width:467px; */
    /* height:230px; */
    position:relative;
    right:0px;
    top:0px;
    z-index:1;
}
.bar{
    z-index:0;
    width:100%;
    height:40px;
    background:#4a2f0f;
    border-bottom:10px solid #8f7657;
}

/*.navbar-default{
        background-image:none !important;
        background:#231f20 !important;
        border:none !important;
        box-shadow: none !important;
        z-index:9999;
        }
.navbar-default a{
        color:#FFF !important;
        }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{
        background-image:none !important;
        background:#20afad !important;
        }
.navbar-default .navbar-nav>li>a:hover{
        background-image:none !important;
        background:#20afad !important;
        }*/
.navbar-default{
    background-image:none !important;
    /*background-color:rgba(0, 0, 0, 0.7);*/
    background:none !important;
    border:none !important;
    box-shadow: none !important;
    z-index:1000;
    border-radius:0px;
    /*border-right:20px solid #f0cd32 !important;*/

}

.navbar-default a{
    font-size: 18px;
    color:#4a2f0f !important;
    background-color:transparent;
    box-shadow: none !important;
}
@media (min-width: 768px) and (max-width: 1200px)  {
    .navbar-default{
        margin-top:0px !important;
    }
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{
    background-image:none !important;
    background-color:transparent;
    color:#4a2f0f !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color:transparent;
    color:#8f7657 !important;
}
.navbar-default .navbar-nav>li>a:hover{
    background-image:none !important;
    background-color:transparent;
    color:#4a2f0f !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: rgba(0,0,0,0.7) !important;
    color: #fff !important;
}

.form-control{
    /*font-size:20px !important;*/
    padding:0px 12px;
}
label{
    font-weight:normal !important;
    /*color:#2059a6 !important;*/
    font-size:13px !important;
}
.form-control{
    /*height:30px !important;*/
    border:none !important;
    /*border-right:1px solid #c7c7c7 !important;*/
    /*box-shadow:none !important;*/
    border-bottom:1px solid #c7c7c7 !important;
    background:#f5f5f5 !important;
}
.form-control:focus{
    border:none !important;
    border-bottom:2px solid #8f7657 !important;
    /*box-shadow:none !important;*/
    box-shadow:0 0px 10px rgba(0,0,0,0.170) !important;
    -webkit-box-shadow:0 0px 10px rgba(0,0,0,0.170) !important;
    -moz-box-shadow:0 0px 10px rgba(0,0,0,0.170) !important;
}
input{
    font-size:16px !important;
    border:none !important;
    /*border-right:1px solid #c7c7c7 !important;*/
    /*box-shadow:none !important;*/
    border-bottom:1px solid #c7c7c7 !important;
    background:#f5f5f5 !important;
}
input:focus{
    border:none !important;
    border-bottom:2px solid #20afad !important;
    /*box-shadow:none !important;*/
    box-shadow:0 0px 10px rgba(0,0,0,0.170) !important;
    -webkit-box-shadow:0 0px 10px rgba(0,0,0,0.170) !important;
    -moz-box-shadow:0 0px 10px rgba(0,0,0,0.170) !important;
}

.sectiontitle{
    border-bottom:1px solid #eae5d2;
    padding:10px !important;
}
.sectiontitle-whithBG{
    border-bottom:1px solid #eae5d2;
    padding:10px !important;
    background:#eae5d2;
}
.blogitem{
    color:#333333 !important;
    display:block;
    margin:0px !important;
    padding:0px !important;
    border-bottom:1px solid #dfdac8;
}
.blogitem time{
    display:block;
    padding:5px !important;
}
.blogitem h3{
    display:block;
    padding:5px !important;
}

.blogitem:hover{
    color:#8f7657 !important;
}
.blogitem-side{
    color:#333333 !important;
    display:block;
    margin:0px !important;
    padding:0px !important;
    border-bottom:1px solid #dfdac8;
}
.blogitem-side time{
    text-align:center !important;
    display:block;
    padding:5px !important;
    max-width:60px !important;
    max-height:60px !important;
    line-height:18px;
}
.blogitem-side h3{
    max-width:80% !important;
    display:block;
    padding:5px !important;
}

.blogitem-side:hover{
    color:#8f7657 !important;
}
.sunrise{
    margin:0 auto;
    display:block;
    width:45px;
    height:45px;
    background:url(../images/sunrise.png) center no-repeat;
}
.sunny{
    margin:0 auto;
    display:block;
    width:45px;
    height:45px;
    background:url(../images/sunny.png) center no-repeat;
}
.sun{
    margin:0 auto;
    display:block;
    width:45px;
    height:45px;
    background:url(../images/sun.png) center no-repeat;
}
.sunset{
    display:block;
    width:45px;
    height:45px;
    background:url(../images/sunset.png) center no-repeat;
    margin:0 auto;

}
.moon{
    margin:0 auto;
    display:block;
    width:45px;
    height:45px;
    background:url(../images/moon.png) center no-repeat;
}
.bgkhilla{
    height:450px !important;
    background:url(../images/bg-khilla1.jpg) left no-repeat #747570;
}
.manhaj-title{
    display:block;
    /*position:absolute;*/
    /*right:10%;*/
    /*top:20%;*/
    margin-top: 70px;
}
.manhaj-desc{
    display:block;
    /*position:absolute;*/
    /*right:5%;*/
    /*top:35%;*/
    /*width:50%;*/
}
.advs{
    /* width:616px; */
    /* height:114px; */
}
.article{
    border-bottom:1px solid #dfdac8;
}
.copyright{
    border-top:1px solid #8f7657;
}

footer{
    width:100%;
}
/* //////////////////////////// */


.menu{
    position:relative;
    list-style:none;
    padding:10px 0px;
    z-index:9999;
}
.border-BRed{
    border-bottom:5px solid #d50000; 
}
.menu li a{
    display:block;
    color:#373737 !important;
    border-bottom:1px solid #e7e7e7;
    padding:7px 0px;
}
.menu li a:hover{
    color:#2059a6 !important;
    background:#fff;
}
.menu li ul{
    display:none;
}
.menu li:hover ul{
    display:block;
    list-style:none;
}
.menu li:hover ul li a{
    color:#FFF !important;
    background:#555555;
    border-bottom:1px solid #676767;
    padding:7px 0px;
}
.menu li:hover ul li:hover{
    position:relative;
}
.menu li:hover ul li a:hover{
    color:#FFF !important;
    background:#676767;
}
.menu li:hover ul li ul{
    display:none;
}
.menu li:hover ul li:hover ul{
    position:absolute;
    top:0px;
    right:100%;
    display:block;
    list-style:none;
    border-left:5px solid #d50000;
}
.menu li:hover ul li:hover ul li a{
    background:#676767;
    border-bottom:1px solid #555555;
}
.menu li:hover ul li:hover ul li a:hover{
    background:#555555;
}
.menu li a.active{
    color:#2059a6 !important;
    background:#fff;
}

.userOption{
    list-style:none;
}
.userOption li{}
.userOption li:hover{
    color:#2059a6 !important;
    position:relative;
}
.userOption li ul{
    display:none;
}
.userOption li:hover ul{
    direction:rtl;
    text-align:right;
    position:absolute;
    background:#FFF;
    z-index:10;
    list-style:none;
    display:block;
    width:100%;
    border:1px solid #c7c7c7 !important;
    padding:5px 0px;
    box-shadow:0px 0px 5px rgba(0,0,0,0.25); 
    -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.25); 
    -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.25); 
}
.userOption li:hover ul li{}
.userOption li:hover ul li a{
    color:#000 !important;
    padding:5px 10px;
    display:block;
}
.userOption li:hover ul li a:hover{
    background:#2059a6 !important;
    color:#fff !important;
}
.userOption li:hover ul li a:hover i{
    color:#fff !important;
}
.headerURL a{
    position:relative !important;
    color:#000 !important;
}
.headerURL a:hover{
    color:#2059a6 !important;
}
.headerURL a .notnum{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:8px;
    display:block;
    position:absolute;
    top:0px;
    right:20px;
    width:13px;
    height:10px;
    text-align:center;
    color:#FFF;	
}

.panel{
}
.panel-default{
    border:1px solid #ececec !important;
    border-bottom:2px solid #2059a6 !important;
}
.panel-default > .panel-heading{
    background:#ececec !important;
    background-image:none !important;
    border-bottom:2px solid #2059a6 !important;
    padding:5px 16px !important;
}
.btn{
    border:none !important;
    outline:0 !important;
    border-radius:0px;
    background:#8f7657 !important;
    color:#FFF !important;
    text-shadow:none !important;
}

.btn-default.form-control{
    background-image:none !important;
    background:#8f7657 !important;
    color:#FFF !important;
    text-shadow:none !important;
}
.btn-default:focus, .btn-default:hover{
    background:#aa945e !important;
    color:#FFF !important;
}
.btn-default.active, .btn-default:active{

}

.btn-primary{
    background-image:none !important;
    background:#0e3c7b !important;
    color:#FFF !important;
    text-shadow:none !important;
}
.btn-primary:focus, .btn-primary:hover{
    background:#2059a6 !important;
    color:#FFF !important;
}

.btn-success{
    background-image:none !important;
    background:#76a31e !important;
    color:#FFF !important;
    text-shadow:none !important;
}
.btn-success:focus, .btn-success:hover{
    background:#90c823 !important;
    color:#FFF !important;
}
.btn-info{
    background-image:none !important;
    background:#8f7657 !important;
    color:#FFF !important;
    text-shadow:none !important;
}
.btn-info:focus, .btn-info:hover{
    background:#aa945e !important;
    color:#FFF !important;
}
.btn-warning{
    background-image:none !important;
    background:#e9b600 !important;
    color:#FFF !important;
    text-shadow:none !important;
}
.btn-warning:focus, .btn-warning:hover{
    background:#fec701 !important;
    color:#FFF !important;
}
.btn-danger{
    background-image:none !important;
    background:#c12e2a !important;
    color:#FFF !important;
    text-shadow:none !important;
}
.btn-danger:focus, .btn-danger:hover{
    background:#e41e19 !important;
    color:#FFF !important;
}





.dropdown-menu{
    /*background: #0294fc !important;*/
    background: rgba(0,0,0,0.8) !important;
    box-shadow:0 2px 5px rgba(0,0,0,.175);
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,.175);
    -moz-box-shadow:0 2px 5px rgba(0,0,0,.175);
}
.dropdown-menu li a{
    /*background:#f6f6f6 !important;   */
}
.dropdown-menu li a{
    border-bottom:1px solid #000000;
    color:#FFF !important;
}
.dropdown-menu li a:hover{
    color:#FFF !important;
    background:rgba(0,0,0,0.8) !important;
}
.dropdown-toggle{
    padding:14px 7px !important; 
}

form div{
    /*margin-bottom:10px;*/
}
.dataTables_filter label input[type=search]{
    padding:6px !important;
    border-radius:4px !important;
}
.dataTables_filter label input[type=search]:focus{
    box-shadow:none !important;
    outline:0 !important;
}
.nav-tabs{
    background:#0e3c7b !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background:#2059a6 !important;
    border:none !important;
    color:#FFF !important;
}
.nav-tabs>li>a{
    color:#FFF !important;
}
.nav-tabs>li>a:hover{
    background:#3d71b6 !important;
    border:none !important;
    color:#FFF !important;
}
.table thead {
}
.table thead tr, table thead th{
    font-weight:normal !important;
    /*text-align:center !important;*/
    border-bottom:2px solid #2059a6 !important;
    padding:5px 16px!important;
}
table.dataTable thead .sorting:after{
    font-size:14px;
    color:#2059a6 !important;
    opacity:1 !important;
}
table.dataTable thead th div.DataTables_sort_wrapper{
    margin-right:16px;
}
.table>tbody>tr>td>a{
    opacity:0.5 !important;
    -moz-opacity:0.5 !important;
    -webkit-opacity: 0.5 !important;
}
.table>tbody>tr>td>a:hover{
    opacity:1 !important;
    -moz-opacity:1 !important;
    -webkit-opacity:1 !important;
}
.dataTables_wrapper .dataTables_paginate .fg-button{
    color:#2059a6 !important;
    background:#e7e7e7 !important;
    padding:2px 5px !important;
    box-shadow:0px 1px 2px rgba(0,0,0,0.25) !important;
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.25) !important;
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.25) !important;
    margin:-5px 5px 0 0 !important;
}
.dataTables_wrapper .dataTables_paginate .fg-button:hover{
    background:#2059a6 !important;
    color:#FFF !important;
}
.dataTables_wrapper .dataTables_paginate .fg-button:last-child,
.dataTables_wrapper .dataTables_paginate .fg-button:first-child{
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.modal-header{
    padding:5px 16px !important;
}
.modal-header .close{
    margin-top:3px !important;
}
.paragraph-md{
    overflow: hidden;
    height: 100px;
    line-height: 25px;
}
.paragraph-sm{
    overflow: hidden;
    height: 50px;
    line-height: 25px;
}
.topic-title{
    overflow: hidden;
    height: 24px;
    line-height: 24px;	
}


.maillist{
    margin:50px 0px !important;
}
.maillist input.form-control,.maillist textarea.form-control{
    padding:10px;
    min-height:50px;
    border-radius: 0px;
    color:#FFF !important;
    border:none !important;
    background:#aa945e !important;
}
.maillist input.form-control::-webkit-input-placeholder {
    color:#FFF !important;
}

.maillist input.form-control:-moz-placeholder { /* Firefox 18- */
    color:#FFF !important;
}

.maillist input.form-control::-moz-placeholder {  /* Firefox 19+ */
    color:#FFF !important;
}

.maillist input.form-control:-ms-input-placeholder {  
    color:#FFF !important;
}
.maillist input.form-control:focus,.maillist textarea.form-control:focus{
    border-color: #8f7657 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(2,148,252,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(2,148,252,.6);
    color:#FFF !important;
}
.maillist textarea.form-control{
    min-height:116px;
    color:#FFF !important;
}
.maillist .btn{
    padding:10px;
    min-height:50px;
}
address div{
    margin-top:3px;
    font-size:13px;
}
address abbr{
    margin-left: 10px;
    width: 15px !important;
    display: inline-block;
    font-size: 15px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background-color: #000000 !important;
    background-image:none !important; 
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option{
    text-align:right !important;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
    right: 95% !important;
}
#minustext,#plustext{
    cursor: pointer !important;
    background:#4a2f0f;
    padding:5px !important;
    display: inline-block;
    color: #fff !important;
}
#minustext:hover,#plustext:hover{
    background:#aa945e;
}
.search-word {display: initial;background-color: #c9b623; padding: 5px;}
/****************************************/
.video-gallery-item {
    position: relative;
    /*overflow: hidden;*/
    border-radius: 0px;
    margin-bottom: 3rem;
    /*height: 220px;*/
}
.video-gallery-item .slider-link{
    position: relative;
    display: block;
    width: 100%;
    height: 220px;
}
.video-gallery-item .slider-link:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.1);
}
.video-gallery-item .video-gallery{
    position: absolute;
    width: 60px;
    height: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 4px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-gallery-item .video-gallery i{
    color: #fff;
}
.video-gallery-item img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.video-title{
    /*position: absolute;*/
    /*bottom: 20px;*/
    /*right: 0px;*/
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #000;
    font-size: 14px;
    margin: 10px 0px;
}
.video-gallery-item .date {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
}
.video-gallery-item .date {
    background-color: #8f7657;
    color: #fff5ec;
    font-size: 12px;
    padding: 0.3rem 1rem;
    border-radius: 50px;
    font-weight: 400;
}
.video-page .nav{
    margin: 15px 0px;
    font-size: 16px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    background-color: #eee;
    color: #4A2F0F !important;
}
.video-load{
    margin-bottom: 20px;
}
.video-load i{
    margin-left: 5px;
}
.no-videos{
    font-size: 18px;
    margin: 15px 0px;
}
.book .download{
    display: flex;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    background-color: #DBDBDB;
    border-radius: 50%;
    font-size: 20px;
}
.ticker-title{
    line-height: 30px;
    margin-left: 5px;
}
.webTicker li a{
    font-size: 14px;
    color: #000 !important;
}
header .fa{
    font-size: 24px;
}
.h4, h4 {
    font-size: 20px;
}
.h5, h5{
    font-size: 17px;
}
.d-flex{
    display: flex;
}
.flex-wrap{
    flex-wrap: wrap;
}
.d-inline-block{
    display: inline-block !important;
}
.mb-0{
    margin-bottom: 0px !important;
}