@charset "UTF-8";
/************************************/
/***********************************
      FONTS
************************************/
@font-face {
    font-family: 'DIN-MEDIUM';
    src: url("../fonts/DIN-MEDIUM.eot");
    src: local("☺"), url("../fonts/DIN-MEDIUM.woff") format("woff"), url("fonts/DIN-MEDIUM.ttf") format("truetype"), url("fonts/DIN-MEDIUM.svg") format("svg");
    font-weight: normal;
    font-style: normal; }
/** REGULAR **/
@font-face {
    font-family: 'DIN-REGULAR';
    src: url("../fonts/DIN-REGULAR.eot");
    src: local("☺"), url("../fonts/DIN-REGULAR.woff") format("woff"), url("fonts/DIN-REGULAR.ttf") format("truetype"), url("fonts/DIN-REGULAR.svg") format("svg");
    font-weight: normal;
    font-style: normal; }
/*==================
  FrameWork
==================*/
* {
    margin: 0;
    padding: 0; }

body {
    font-family: "DIN-MEDIUM", sans-serif !important;
    line-height: 1;
    direction: rtl; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block; }

ol, ul {
    list-style: none; }

blockquote, q {
    quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none; }

table {
    border-collapse: collapse;
    border-spacing: 0; }

.o-hidden {
    overflow: hidden; }

a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
    text-decoration: none !important;
    box-shadow: none;
    color: #fff; }

a:focus,
.navbar-toggler:focus, .navbar-toggler:hover {
    outline: none;
    text-decoration: none !important;
    box-shadow: none; }

input.form-control:focus,
textarea.form-control:focus,
.form-control:focus,
.btn-primary.focus,
.btn-primary:focus,
.btn.focus,
.btn:focus,
textarea:focus,
input[type="email"]:focus {
    outline: none !important;
    box-shadow: none !important; }

.page-title {
    margin-bottom: 25px;
    margin-top: 25px; }
.page-title h2 {
    font-size: 24px;
    color: #2A2A2A;
    font-family: "DIN-REGULAR", serif; }
.page-title hr {
    width: 83px;
    height: 2px;
    background-color: #B89C5F;
    margin-top: 12px; }

.s-title {
    margin-bottom: 25px; }
.s-title h2 {
    font-size: 24px;
    color: #2A2A2A;
    font-family: "DIN-REGULAR", serif; }
.s-title hr {
    width: 83px;
    height: 2px;
    background-color: #B89C5F;
    margin: 0 auto;
    margin-top: 12px; }

.btn {
    font-size: 14px;
    border-radius: 0;
    font-family: "DIN-MEDIUM", sans-serif;
    min-width: 130px;
    height: 38px;
    border: none; }

.btn-secondary {
    background: #686C75;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.12); }

.btn-primary {
    background: #C09E3C; }
.btn-primary:hover {
    background-color: #e0b94a; }
.btn-primary:active {
    background-color: #e0b94a !important; }

/*=========================
    Start Header Section
=========================*/
header {
    position: relative;
    margin-bottom: 225px; }
header .dropdown:hover > .dropdown-menu {
    display: block;
    border-radius: 0;
    border: none;
    margin-top: 0 !important; }
header .dropdown-item {
    font-size: 15px; }
header .soical-header {
    padding-bottom: 7px;
    overflow: hidden;
    background-color: #52493F; }
header .soical-header .top-header {
    display: inline-block; }
header .soical-header .soical-media {
    float: left; }
header .soical-header .soical-media a {
    line-height: 40px;
    margin: 13px; }
header .soical-header .soical-media a:hover {
    color: #C09E3C; }
header .soical-header .soical-media a span {
    font-size: 13px; }
header .nav-section {
    background-color: #625950; }
header .nav-section nav {
    display: block; }
header .nav-section nav .navbar-nav {
    margin-top: 20px; }
header .nav-section nav .navbar-nav .nav-link {
    color: #fff;
    margin-left: 15px; }
header .nav-section nav .navbar-nav .nav-link:hover {
    color: #C09E3C; }
header .nav-section nav .navbar-nav .nav-link:focus {
    color: #C09E3C; }
header .header-img {
    background-image: url(../img/header-img.jpg);
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
header .header-content {
    width: 70%;
    margin: 20px auto;
    height: 350px;
    overflow: hidden;
    position: absolute;
    bottom: -34%;
    right: 10px;
    left: 10px; }
header .header-content .b-opacity {
    background: rgba(183, 141, 56, 0.53);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
header .header-content a:hover {
    color: #fff; }
header .header-content a:hover .b-opacity {
    background: rgba(183, 141, 56, 0.8); }
header .header-content .right-half {
    width: 30%;
    background-image: url(../img/01.jpg);
    background-size: cover;
    background-position: center;
    height: 100%;
    float: right;
    position: relative; }
header .header-content .right-half .p-content {
    position: absolute;
    top: 36%;
    padding: 10px;
    text-align: center; }
header .header-content .right-half .p-content h4 {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.34); }
header .header-content .left-half {
    width: 70%;
    height: 100%;
    background-color: #666;
    float: right; }
header .header-content .left-half .top-col {
    height: 50%;
    overflow: hidden; }
header .header-content .left-half .top-col .l-col-one {
    background-image: url(../img/02.jpg);
    background-size: cover;
    background-position: center;
    width: 50%;
    height: 100%;
    float: right;
    position: relative; }
header .header-content .left-half .top-col .l-col-one .p-content {
    position: absolute;
    top: 21%;
    padding: 10px;
    text-align: center; }
header .header-content .left-half .top-col .l-col-one .p-content h4 {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.34);
    font-size: 22px; }
header .header-content .left-half .top-col .l-col-two {
    background-image: url(../img/03.jpg);
    background-size: cover;
    background-position: center;
    width: 50%;
    height: 100%;
    float: right;
    position: relative; }
header .header-content .left-half .top-col .l-col-two .p-content {
    position: absolute;
    top: 21%;
    padding: 10px;
    text-align: center; }
header .header-content .left-half .top-col .l-col-two .p-content h4 {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.34);
    font-size: 22px; }
header .header-content .left-half .bottom-col {
    width: 100%;
    background-image: linear-gradient(-28deg, #DDBB75 0%, #CBA455 96%);
    height: 50%;
    position: relative; }
header .header-content .left-half .bottom-col .p-content {
    position: absolute;
    top: 20%;
    padding: 10px;
    text-align: center;
    width: 100%; }
header .header-content .left-half .bottom-col .p-content h3 {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.34);
    width: 73%;
    margin: 0 auto; }

/*=========================
    About Dr Section
=========================*/
.about-dr {
    padding-bottom: 50px; }
.about-dr p {
    width: 57%;
    margin: 0 auto;
    font-family: "DIN-REGULAR", serif;
    font-size: 16px;
    color: #9d9d9d;
    text-align: center;
    line-height: 34px;
    margin-bottom: 20px; }

/*===========================
    Latest Articles Section
=============================*/
.l-articles {
    padding: 50px 160px;
    background: #FAFAFA;
    position: relative; }
.l-articles .decoration-tow {
    position: absolute;
    bottom: 0;
    left: 0; }

.b-white {
    background-color: #fff; }

.post-box {
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
    z-index: 1;
    position: relative; }
.post-box .box-img {
    background: url(../img/02.jpg) center;
    background-size: cover;
    height: 325px;
    width: 100%; }
.post-box h3 {
    font-size: 18px;
    color: #2A2A2A;
    margin-bottom: 20px; }
.post-box p {
    font-size: 14px;
    color: #606060;
    text-align: right;
    line-height: 29px;
    font-family: "DIN-REGULAR", serif;
    margin-bottom: 20px;
    width: 93%; }

.post-details {
    overflow: hidden;
    width: 88%; }
.post-details .r-side {
    float: right; }
.post-details .l-side {
    float: left; }
.post-details .l-side .h-added {
    display: inline-block; }
.post-details .l-side .h-added h4 {
    color: #B5B5B5;
    font-size: 14px;
    font-family: "DIN-REGULAR", serif; }
.post-details .l-side .h-added h4 span {
    color: #000; }
.post-details .l-side .p-category {
    display: inline-block;
    margin-right: 20px; }
.post-details .l-side .p-category h5 {
    color: #616161;
    font-size: 14px; }
.post-details .l-side .p-category h5 a {
    color: #616161; }
.post-details .l-side .p-category h5 i {
    color: #C09E3C;
    font-size: 13px;
    margin-left: 5px; }

/*===========================
          Dr Books
=============================*/
.dr-books {
    padding: 50px 110px;
    position: relative;
    z-index: 1; }

.b-shadow {
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.08); }

/*===========================
          last lectures
=============================*/
.last-lectures {
    padding: 50px 145px;
    position: relative; }

.decoration-three {
    position: absolute;
    right: -30px;
    top: -298px; }

.box-lectures {
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.08);
    margin: 20px 10px; }
.box-lectures .img-lectures {
    height: 140px;
    background-image: url(../img/header-img.jpg);
    background-size: cover;
    background-position: center;
    position: relative; }
.box-lectures .img-lectures .title-img {
    text-align: center;
    line-height: 40px;
    color: #fff;
    position: absolute;
    right: -18px;
    top: 10px;
    padding: 5px 13px; }
.box-lectures .img-lectures .title-img h4 {
    display: inline-block;
    margin-right: 4px; }
.box-lectures .content-lectures {
    padding: 20px; }
.box-lectures .content-lectures h3 {
    font-size: 16px;
    color: #2A2A2A;
    margin-bottom: 10px;
    line-height: 1; }
.box-lectures .content-lectures p {
    font-size: 14px;
    color: #606060;
    line-height: 24px;
    font-family: "DIN-REGULAR", serif; }
.box-lectures .content-lectures .btn-primary {
    margin-top: 12px;
    width: 100%; }
.box-lectures .post-details {
    width: 100%; }
.box-lectures .post-details .l-side {
    float: inherit;
    overflow: hidden;
    margin-top: 15px; }
.box-lectures .post-details .h-added {
    float: right; }
.box-lectures .post-details .p-category {
    margin-right: 7px;
    float: left; }
.box-lectures .post-details .p-category h5 i {
    margin-left: 0; }

.f-file {
    background: #5E7297; }

.f-video {
    background: #D75E47; }

.f-voice {
    background: #71B6A3; }

/*===========================
      Tabs Section
=============================*/
.tabs-section {
    background: #FAFAFA;
    padding: 50px 160px; }
.tabs-section .nav-pills {
    display: block;
    text-align: center;
    border-bottom: none;
    margin-bottom: 50px; }
.tabs-section .nav-pills .nav-item {
    display: inline-block;
    margin: 0px -2px; }
.tabs-section .nav-pills .nav-item .nav-link {
    border-bottom: 3px solid #E5E5E5;
    color: #2A2A2A;
    border-radius: 0;
    padding: 25px 30px 25px 30px; }
.tabs-section .nav-pills .nav-item .nav-link.active {
    border-bottom: 3px solid #B89C5F;
    background-color: transparent;
    color: #2A2A2A; }

.t-tow-section {
    padding: 50px 0px;
    position: relative; }
.t-tow-section .decoration-four {
    position: absolute;
    right: 0;
    bottom: -4px; }
.t-tow-section .my-container {
    max-width: 755px;
    margin: 0 auto; }
.t-tow-section .post-box .box-img {
    height: 175px; }
.t-tow-section .post-box h3 {
    font-size: 16px;
    margin-bottom: 10px; }
.t-tow-section .post-box p {
    margin-bottom: 0; }
.t-tow-section .nav-pills {
    display: block;
    text-align: center;
    border-bottom: none;
    margin-bottom: 50px; }
.t-tow-section .nav-pills .nav-item {
    display: inline-block;
    margin: 0px -2px; }
.t-tow-section .nav-pills .nav-item .nav-link {
    border-bottom: 3px solid #E5E5E5;
    color: #2A2A2A;
    border-radius: 0;
    padding: 25px 30px 25px 30px; }
.t-tow-section .nav-pills .nav-item .nav-link.active {
    border-bottom: 3px solid #B89C5F;
    background-color: transparent;
    color: #2A2A2A; }

/*===========================
      Call Us Section
=============================*/
.call-us {
    background: #625950;
    padding: 50px 0;
    position: relative; }
.call-us h2 {
    color: #fff; }
.call-us h3 {
    font-size: 16px;
    color: #FFFFFF;
    text-align: right;
    margin-bottom: 20px; }
.call-us h4 {
    color: #fff;
    font-size: 18px; }
.call-us .decoration-five {
    position: absolute;
    left: 0;
    bottom: -106px; }

.call-soical {
    text-align: right; }
.call-soical a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #524A42;
    text-align: center;
    margin-left: 12px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.call-soical a:hover {
    color: #fff; }
.call-soical a:hover i {
    background: #C09E3C;
    color: #fff; }

form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #888888;
    font-size: 14px;
    font-family: "DIN-REGULAR", serif; }
form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #888888;
    font-size: 14px;
    font-family: "DIN-REGULAR", serif; }
form :-ms-input-placeholder {
    /* IE 10+ */
    color: #888888;
    font-size: 14px;
    font-family: "DIN-REGULAR", serif; }
form :-moz-placeholder {
    /* Firefox 18- */
    color: #888888;
    font-size: 14px;
    font-family: "DIN-REGULAR", serif; }
form .form-control {
    height: 40px;
    border: none;
    border-radius: 0;
    margin-bottom: -5px !important;
    background: #F9F9F9; }
form textarea {
    width: 100%;
    height: 140px;
    padding: 10px;
    background: #F9F9F9; }
form button {
    width: 100%;
    height: 40px; }

/*===========================
      Footer Section
=============================*/
footer {
    background: #393939;
    position: relative;
    z-index: 1; }
footer ul {
    padding: 40px; }
footer ul li {
    display: inline-block;
    margin: 0 10px; }
footer ul li a:hover {
    color: #C09E3C; }
footer h5 {
    text-align: right;
    color: #fff;
    margin-bottom: 15px; }
footer p {
    text-align: right;
    color: #AFAFAF;
    margin-bottom: 10px; }
footer a {
    color: #e2e2e2; }
footer a i {
    font-size: 18px;
    margin: 2px 10px; }
footer .c-footer {
    background: #2C2C2C;
    padding: 10px;
    margin-top: 30px; }
footer .c-footer p {
    font-size: 14px;
    color: #ABABAB;
    text-align: center; }

/*============================
        Pages
=============================*/
.pages {
    margin-bottom: 0px !important; }

/*=============
    Articles
==============*/
.b-silver {
    background: #FAFAFA;
    padding: 25px; }

.page-links h6 {
    display: inline-block;
    color: #616161;
    font-family: "DIN-REGULAR", serif;
    font-size: 14px; }
.page-links a {
    color: #616161;
    font-family: "DIN-REGULAR", serif;
    font-size: 14px; }
.page-links a:hover {
    color: #333; }

.pagination {
    justify-content: center; }

.page-link {
    border: none;
    border-radius: 0 !important;
    margin: 25px 10px;
    color: #2A2A2A;
    background: #F3F3F3; }
.page-link:hover {
    background: #C09E3C;
    color: #fff; }

/*=================
    library page
=================*/
.dr-books-page {
    padding: 0px 73px; }

/*=================
    Contact Page
=================*/
.contact-page {
    margin-bottom: 20px;
    margin-top: 20px; }
.contact-page .form-control,
.contact-page textarea {
    background-color: #F4F4F4;
    border: 1px solid #A6A6A6; }
.contact-page .c-location p {
    font-size: 15px;
    color: #292929;
    font-family: "DIN-REGULAR", serif; }
.contact-page h3 {
    margin-top: 10px;
    margin-bottom: 20px; }
.contact-page #location-map {
    width: 120%;
    height: 542px;
    border: 1px solid #A6A6A6; }

/*=================
    Polls Page
=================*/
.polls-page input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
.polls-page .form-check-input:focus {
    outline: none;
    text-decoration: none !important;
    box-shadow: none; }
.polls-page input[type='radio']:after {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #F7F7F7;
    border: 1px solid #BCBCBC;
    content: '';
    display: inline-block;
    visibility: visible; }
.polls-page input[type='radio']:checked:after {
    width: 13px;
    height: 13px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background: #C09E3C;
    border: 1px solid #C09E3C;
    content: '';
    display: inline-block;
    visibility: visible; }
.polls-page h3 {
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center; }
.polls-page .poll-box {
    margin-bottom: 25px !important;
    background: #FFFFFF;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.08);
    width: 60%;
    margin: auto;
    padding: 26px; }
.polls-page .poll-box h4 {
    margin-bottom: 20px;
    font-size: 16px; }
.polls-page .poll-box .form-check {
    margin-bottom: 15px; }
.polls-page .poll-box .form-check .form-check-label {
    font-family: "DIN-REGULAR", serif;
    font-size: 16px; }
.polls-page .btn-secondary {
    width: 170px;
    margin-top: 15px; }
.polls-page .progress-box {
    margin-bottom: 20px; }
.polls-page .progress-box h5 {
    font-size: 15px;
    color: #2A2A2A;
    font-family: "DIN-REGULAR", serif;
    margin-bottom: 10px; }
.polls-page .progress-box .progress {
    background-color: #fff;
    border-radius: 0; }
.polls-page .progress-box .progress .w-35 {
    width: 35%; }
.polls-page .progress-box .progress .gray {
    background: #B1B1B1; }
.polls-page .progress-box .progress h6 {
    margin-right: 10px;
    font-size: 14px;
    line-height: 1; }
.polls-page .progress-box .progress .progress-bar {
    border-radius: 0; }
.polls-page .progress-box .progress .colod {
    background: #C09E3C; }

/*=========================
    Events Page
=========================*/
.events-page {
    margin-bottom: 75px; }
.events-page .table-striped tbody tr:nth-of-type(odd) {
    background: #F3F3F3 !important; }
.events-page .table td, .events-page .table th {
    border: none;
    padding: .55rem;
    font-size: 14px;
    font-weight: 600;
    line-height: 36px; }
.events-page h3 {
    line-height: 2; }
.events-page h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 36px; }
.events-page .btn {
    height: 28px;
    line-height: 11px; }

.c-white {
    color: #fff; }

.c-brouwn {
    background-color: #625950;
    color: #fff; }

/*=========================
    News & Articles Page
==========================*/
.tag-link {
    margin-top: 10px;
    margin-bottom: 25px; }
.tag-link h4 {
    color: #616161;
    font-size: 14px; }
.tag-link h4 i {
    color: #C09E3C; }

.n-details {
    margin-bottom: 75px; }
.n-details .n-details-img {
    background-image: url(../img/header-img.jpg);
    height: 450px;
    background-position: center;
    background-size: cover; }
.n-details p {
    font-size: 14px;
    color: #2A2A2A;
    font-family: "DIN-REGULAR", serif;
    line-height: 29px;
    margin-bottom: 20px; }

.news-header {
    overflow: hidden;
    padding: 20px;
    margin-bottom: 5px; }
.news-header .right-side {
    float: right; }
.news-header .right-side h2 {
    font-size: 21px;
    color: #2A2A2A; }
.news-header .right-side h4 {
    color: #000;
    font-size: 14px;
    margin-top: 11px; }
.news-header .right-side h4 span {
    color: #B5B5B5; }
.news-header .left-side {
    float: left; }
.news-header .left-side .soical-media h3 {
    display: inline-block;
    margin-left: 5px;
    font-size: 15px; }
.news-header .left-side .soical-media a {
    width: 55px;
    height: 27px;
    text-align: center;
    display: inline-block;
    color: #fff;
    margin-left: 3px; }
.news-header .left-side .soical-media .color-fac {
    background: #3B5998; }
.news-header .left-side .soical-media .color-twt {
    background: #6BDCFA; }
.news-header .left-side .soical-media .color-insta {
    background: #C13584; }
.news-header .left-side .soical-media .color-google {
    background: #DD4B39; }
.news-header .left-side .soical-media .color-mass {
    background: #636363; }
.news-header .left-side .h-add,
.news-header .left-side .n-show {
    margin-top: 8px;
    display: inline-block;
    font-size: 15px;
    color: #000; }
.news-header .left-side .h-add span,
.news-header .left-side .n-show span {
    color: #B5B5B5; }
.news-header .left-side .n-show {
    margin-right: 20px; }

.ratings h2 {
    font-size: 22px;
    color: #2A2A2A; }
.ratings .rating-box {
    padding: 35px;
    margin: 20px 0;
    background-color: #fff;
    width: 60%; }
.ratings .rating-box h3 {
    color: #3C3C3C; }
.ratings .rating-box h5 {
    color: #B8B8B8;
    font-size: 14px;
    margin-bottom: 15px; }
.ratings .rating-box i {
    color: #C09E3C;
    font-size: 19px;
    margin-bottom: 15px; }
.ratings .rating-box p {
    color: #1A1A1A !important;
    width: 88%; }

.new-ratings {
    margin: 30px 0px; }
.new-ratings h2 {
    font-size: 22px;
    color: #2A2A2A;
    margin-bottom: 20px;
    margin-top: 20px; }
.new-ratings .n-box-rating {
    background-color: #fff;
    padding: 35px;
    width: 60%; }
.new-ratings .n-box-rating i {
    color: #C09E3C;
    font-size: 22px;
    margin-bottom: 20px; }
.new-ratings .n-box-rating textarea {
    width: 90%;
    height: 100px;
    border: 1px solid #D0D0D0;
    padding: 20px; }
.new-ratings .n-box-rating ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #A1A1A1;
    font-size: 14px;
    font-family: "DIN-REGULAR", serif; }
.new-ratings .n-box-rating ::-moz-placeholder {
    /* Firefox 19+ */
    color: #A1A1A1;
    font-size: 14px;
    font-family: "DIN-REGULAR", serif; }
.new-ratings .n-box-rating :-ms-input-placeholder {
    /* IE 10+ */
    color: #A1A1A1;
    font-size: 14px;
    font-family: "DIN-REGULAR", serif; }
.new-ratings .n-box-rating :-moz-placeholder {
    /* Firefox 18- */
    color: #A1A1A1;
    font-size: 14px;
    font-family: "DIN-REGULAR", serif; }
.new-ratings .n-box-rating a {
    margin-top: 20px;
    width: 165px; }

.sidebar .sidebar-box {
    background-color: #fff;
    margin-bottom: 25px;
    padding: 20px; }
.sidebar .sidebar-box .s-title {
    margin-bottom: 10px; }
.sidebar .sidebar-box .s-title hr {
    margin: 10px 0; }
.sidebar .sidebar-box .s-title h2 {
    font-size: 20px; }
.sidebar .sidebar-box h4 {
    margin-bottom: 15px; }
.sidebar .sidebar-box .progress-box {
    margin-bottom: 0px;
    margin-top: 20px; }
.sidebar .sidebar-box .progress-box h5 {
    font-size: 14px;
    color: #2A2A2A;
    font-family: "DIN-REGULAR", serif;
    margin-bottom: 10px; }
.sidebar .sidebar-box .progress-box .progress {
    background-color: #fff;
    border-radius: 0; }
.sidebar .sidebar-box .progress-box .progress .w-35 {
    width: 35%; }
.sidebar .sidebar-box .progress-box .progress .gray {
    background: #B1B1B1; }
.sidebar .sidebar-box .progress-box .progress h6 {
    margin-right: 10px;
    font-size: 14px;
    line-height: 1; }
.sidebar .sidebar-box .progress-box .progress .progress-bar {
    border-radius: 0; }
.sidebar .sidebar-box .progress-box .progress .colod {
    background: #C09E3C; }
.sidebar .sidebar-box .s-categories a {
    background-color: #C09E3C;
    padding: 3px 10px;
    line-height: 35px; }
.sidebar .sidebar-box .s-categories a:hover {
    color: #fff;
    background-color: #dab445; }
.sidebar .sidebar-box .s-articles a {
    color: #2A2A2A; }
.sidebar .sidebar-box .s-articles a:hover {
    color: #C09E3C; }
.sidebar .sidebar-box .s-articles a h3 {
    margin-top: 15px; }

/*=========================
    Library Details Page
==========================*/
.library-details .v-img {
    background-image: url(../img/header-img.jpg);
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
.library-details .pt-15x {
    padding-top: 15px !important; }
.library-details .h-library-detalis {
    background-color: #fff;
    padding: 30px; }
.library-details .h-library-detalis .news-header {
    padding: 0 !important; }
.library-details .h-library-detalis .icon-d i {
    padding: 7px;
    color: #fff;
    font-size: 12px; }
.library-details .h-library-detalis .icon-d h3 {
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
    color: #B5B5B5; }
.library-details .h-library-detalis .icon-d h3 span {
    color: #000; }
.library-details .h-library-detalis p {
    font-size: 14px;
    color: #2A2A2A;
    line-height: 26px;
    margin-top: 18px; }
.library-details .h-library-detalis .btn {
    width: 175px;
    margin-left: 10px; }
.library-details .h-library-detalis .img-b-shadow img {
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.08); }
.library-details .book-container {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    margin: 25px auto; }
.library-details .book-container iframe {
    width: 100%;
    height: 600px;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 50px; }

/*=========================
    Video Details Page
==========================*/
.video-container {
    width: 78%;
    margin: 45px auto; }

/*=========================
    Audio Page
==========================*/
.audio-page .firePlayer {
    background: #ffffff;
    color: #2A2A2A;
    width: auto;
    height: 70px;
    margin: 20px;
    font-size: 18px;
    font-weight: normal; }
.audio-page .firePlayer .controls {
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
    height: 100%; }
.audio-page .firePlayer audio {
    width: 0; }
.audio-page .button-wrap .audio-play {
    background: url("../img/icon-play.png") no-repeat;
    background-size: 100%;
    border: 0;
    height: 30px;
    width: 30px;
    margin-left: 10px;
    margin-top: 8px;
    outline: 0;
    transition: all .2s linear; }
.audio-page .button-wrap .audio-play.playing {
    background: url("https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-pause-128.png") no-repeat;
    background-size: 100%; }
.audio-page .button-wrap .audio-play:hover {
    cursor: pointer; }
.audio-page .button-wrap .audio-pause {
    display: none; }
.audio-page .button-wrap .audio-status {
    display: none; }
.audio-page .progress-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between; }
.audio-page .progress-wrap .audio-seekbar {
    width: 100%;
    background: #EBEBEB;
    height: 5px;
    opacity: 0;
    transition: opacity 1s ease; }
.audio-page .progress-wrap .audio-slide {
    width: 0;
    background: #C09E3C;
    height: 5px; }
.audio-page .progress-wrap .audio-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: opacity 1s ease; }
.audio-page .progress-wrap .audio-title h3 {
    font-family: "DIN-MEDIUM", sans-serif;
    font-size: 16px; }
.audio-page .progress-wrap .audio-current-time {
    margin-left: 10px;
    width: 50px; }
.audio-page .progress-wrap .audio-length {
    margin-right: 10px; }
@-moz-document url-prefix() {
    .audio-page .button-wrap .audio-play {
        height: 24px; } }
/*=========================
      Biography Page
==========================*/
.biography-page {
    padding: 25px 0 !important; }

.biography .biography-title {
    margin-bottom: 25px;
    margin-top: 35px; }
.biography .biography-title h3 {
    font-family: "DIN-REGULAR", serif;
    color: #2A2A2A;
    font-size: 22px; }
.biography .do-title {
    margin-bottom: 50px; }
.biography .do-title h2 {
    font-size: 24px;
    line-height: 40px; }
.biography .do-title h4 {
    font-size: 16px;
    font-family: "DIN-REGULAR", serif; }
.biography .biography-line {
    position: relative; }
.biography .biography-line .decoration-tow {
    position: absolute;
    bottom: -5px;
    left: 0; }
.biography .biography-line .biography-icon {
    position: relative;
    height: 100%;
    width: 100%; }
.biography .biography-line .biography-icon span {
    width: 4px;
    height: 100%;
    background-color: #52493F;
    position: absolute; }
.biography .biography-line .b-color {
    background-color: #D7B061;
    padding: 8px; }
.biography .biography-line h4 {
    font-size: 22px;
    margin-bottom: 10px; }
.biography .biography-line h3 {
    background-color: #52493F;
    padding: 6px;
    color: #fff;
    margin: 0 auto; }
.biography .biography-line h5 {
    font-size: 16px;
    color: #000000;
    font-family: "DIN-REGULAR", serif; }
.biography .biography-line-tow {
    background-color: #52493F;
    padding-bottom: 35px; }
.biography .biography-line-tow span {
    background-color: #fff !important; }
.biography .biography-line-tow h3 {
    background-color: #fff !important;
    color: #52493F !important; }
.biography .biography-line-tow h2 {
    color: #fff;
    font-size: 19px; }
.biography .biography-line-tow p {
    color: #fff;
    font-family: "DIN-REGULAR", serif;
    width: 80%;
    line-height: 28px;
    margin-bottom: 34px; }
.biography .biography-box {
    width: 42%;
    margin: 0 auto;
    margin-top: 50px; }
.biography .biography-box img {
    background-color: #D7B061;
    padding: 11px;
    width: 50px; }
.biography .biography-box h3 {
    font-size: 24px;
    color: #2A2A2A;
    margin-top: 10px;
    margin-bottom: 5px; }
.biography .biography-box p {
    font-size: 16px;
    color: #2A2A2A;
    line-height: 29px; }
.biography .bio-content {
    position: relative; }
.biography .bio-content .decoration-four {
    position: absolute;
    right: 0;
    bottom: -31px; }

.h-70p {
    height: 70px; }

.h-50p {
    height: 50px; }

.col-md-offset-left-5 {
    margin-left: 41.66666667%; }

/*=========================
    Categories Page
==========================*/
.categories-page {
    padding-bottom: 100px; }
.categories-page .panel-heading {
    z-index: 1;
    position: relative; }
.categories-page .panel-title {
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.08);
    font-size: 13px;
    font-family: "DIN-REGULAR", serif;
    font-weight: bold;
    color: #262626;
    line-height: 50px;
    background-color: #fff;
    border-right: 4px solid #B89C5F; }
.categories-page .panel-title a {
    text-decoration: none;
    color: #212121;
    font-size: 18px;
    padding-right: 18px;
    display: block;
    position: relative; }
.categories-page .panel-title a i {
    font-size: 19px;
    line-height: 55px;
    position: absolute;
    top: 0;
    left: 5%;
    color: #212121; }
.categories-page .panel-title a .collapsed .fa-angle-down {
    display: block; }
.categories-page .panel-title a:focus {
    color: #212121; }
.categories-page .panel-default > .panel-heading + .panel-collapse > .panel-body,
.categories-page .panel-body {
    padding-top: 0px;
    border: none !important;
    padding: 18px 35px;
    position: relative;
    z-index: 0; }
.categories-page .panel-default > .panel-heading + .panel-collapse > .panel-body h4,
.categories-page .panel-body h4 {
    margin-bottom: 16px;
    font-family: "DIN-REGULAR", serif; }
.categories-page .panel-default > .panel-heading + .panel-collapse > .panel-body h4 a,
.categories-page .panel-body h4 a {
    color: #000; }
.categories-page .panel-default > .panel-heading,
.categories-page .panel-body {
    background-color: #fff; }
.categories-page .panel-group .panel {
    margin: 25px 0; }
.categories-page .panel-group {
    margin: 0px 20px; }
.categories-page .panel-default {
    border: none; }

/*==================================
    Mobile Media Query Section
================================*/
@media only screen and (max-width: 480px) {
    nav {
        display: flex !important; }

    header {
        margin-bottom: 235px; }

    header .soical-header .top-header {
        display: block; }

    header .soical-header .soical-media {
        float: inherit;
        text-align: center; }

    header .header-content {
        width: 90%;
        height: 100%;
        bottom: -70%; }

    header .header-content .left-half {
        width: 100%;
        height: 100%; }

    header .header-content .right-half {
        width: 100%;
        height: 20%; }

    header .header-content .left-half {
        height: 48%; }

    header .header-content .left-half .bottom-col .p-content h3 {
        width: 96%; }

    header .header-content .left-half .top-col .l-col-two .p-content h4,
    header .header-content .left-half .top-col .l-col-one .p-content h4 {
        font-size: 16px; }

    header .header-content .right-half .p-content {
        top: 22%; }

    header .header-content .left-half .bottom-col .p-content {
        top: 10%; }

    .about-dr p {
        width: 85%; }

    .l-articles {
        padding: 35px 10px; }

    .post-box h3,
    .post-box p {
        margin-right: 10px;
        margin-top: 10px; }

    .post-box .btn {
        margin: 0 10px 20px 0; }

    .l-articles .decoration-tow {
        z-index: -1; }

    .dr-books {
        padding: 35px 10px; }

    .decoration-three {
        display: none; }

    .btn-secondary {
        z-index: 1; }

    .last-lectures,
    .tabs-section {
        padding: 35px 10px; }

    .t-tow-section .nav-pills .nav-item .nav-link {
        padding: 25px 14px 25px 14px; }

    .tabs-section .nav-pills .nav-item .nav-link {
        padding: 25px 5px 25px 5px; }

    .t-tow-section .my-container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto; }

    .t-tow-section .decoration-four {
        display: none; }

    .t-tow-section .post-box p {
        padding-bottom: 25px; }

    .call-us {
        z-index: 1; }

    .call-us .decoration-five {
        display: none; }

    .call-us h4 {
        margin: 20px 0; }

    .call-us h3,
    .call-soical {
        text-align: center; }

    footer ul {
        padding: 30px 10px; }

    footer img {
        margin: 30px 1px; }

    .post-details {
        margin-bottom: 25px; }

    .pagination {
        width: 100%; }

    .mx-5 {
        margin: 0 !important; }

    .post-box .box-img {
        height: 150px; }

    .b-silver {
        padding: 5px; }

    .page-title h2 {
        font-size: 22px; }

    button.navbar-toggler {
        border: none; }

    .contact-page #location-map {
        width: 100%;
        margin-top: 25px;
        height: 250px; }

    .news-header .left-side .soical-media h3 {
        display: block;
        margin-bottom: 7px; }

    .library-details .h-library-detalis {
        padding: 10px; }

    .soical-media {
        margin-top: 15px; }

    .library-details .h-library-detalis .btn {
        width: 145px;
        margin-left: 5px;
        margin-right: 5px; }

    .video-container {
        width: 100%;
        margin: 20px auto; }

    .ratings .rating-box {
        width: 100%;
        padding: 15px;
        margin: 15px 0; }

    .ratings .rating-box p {
        width: 100%; }

    .new-ratings .n-box-rating {
        width: 100%; }

    .mx-4 {
        margin-right: 5px !important;
        margin-left: 5px !important; }

    .box-lectures .content-lectures h3 {
        line-height: 26px; }

    .box-lectures .content-lectures {
        padding: 14px; }

    .library-details .book-container {
        width: 100%; }

    .library-details .book-container iframe {
        height: 300px; }

    .dr-books-page {
        padding: 10px; }

    .n-details .n-details-img {
        height: 150px; }

    .news-header {
        padding: 10px; }

    .polls-page .poll-box {
        width: 100%; }

    .biography-line .decoration-tow {
        display: none; }

    .biography .biography-line .biography-icon span {
        display: none; }

    .biography-line .h-70p {
        height: auto; }

    .biography .biography-line h5 {
        text-align: right;
        margin-bottom: 43px; }

    .col-md-offset-left-5 {
        margin-left: 0; }

    .biography .biography-line-tow h3 {
        margin-top: 31px; }

    .biography .biography-line-tow h2 {
        text-align: right;
        margin-top: 15px; }

    .biography .biography-line-tow p {
        margin-right: 0 !important;
        text-align: right; }

    .biography .biography-box {
        width: 90%; }

    .biography .bio-content .decoration-four {
        display: none; }

    .events-page .btn {
        min-width: 75px;
        font-size: 10px; }
    .events-page .table td, .events-page .events-page .table th {
        font-size: 10px;
        line-height: 24px !important; }

    .firePlayer {
        margin: 0; }

    .firePlayer .controls {
        padding: 0 10px; }

    .progress-wrap .audio-title h3 {
        font-size: 14px; } }
/*==============================
    Ipad Media Query Section
==============================*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    header .nav-section nav .navbar-nav .nav-link {
        margin-left: 5px; }

    .post-details {
        width: 99%; }

    .post-details .l-side .p-category {
        margin-right: 9px; }

    .post-box .box-img {
        height: 378px; }

    .tabs-section {
        padding: 35px 17px; }

    .last-lectures {
        padding: 35px 20px; }

    .ml-5, .mx-5 {
        margin-right: 1rem !important; }

    button.navbar-toggler {
        float: left !important;
        margin-top: 12px; }

    .contact-page #location-map {
        width: 100%;
        margin-top: 10px; }
    .dr-books-page {
        padding: 0; }
    .polls-page .poll-box {
        width: 85%; } }