.dir-ltr {
    direction: ltr !important;
}

.dir-rtl {
    direction: rtl !important;
}

.contact-section .contact-info .info-list li {
    font-size: 14pX;
}

.blog-content .single-blog-content {
    background-color: #2c323c !important;
    border-radius: 15px !important;
}

.single-blog-content .inner-box .lower-content {
    height: 300px !important;
    overflow: hidden;
}

.single-blog-content .inner-box .lower-content .text p {
    line-height: 28px;
}

.single-blog-content .inner-box .lower-content .text {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
}

.single-blog-content .inner-box:hover .border-bottom:before {
    transform: scale(1, 1);
}

.single-blog-content .inner-box .border-bottom:before {
    position: absolute;
    content: '';
    background: #059f81;
    width: 97%;
    height: 3px;
    left: 5.5px;
    bottom: 30px;
    transform: scale(0, 0);
    transition: all 500ms ease;
}

.single-blog-content .inner-box .dot-box {
    text-align: center;
    background-color: white;
    position: relative;
    bottom: 33px;
}

section.gallery-style-three {
    background-color: #232a34;
}

ul.pagination.justify-content-center.pagination-location-gallery {
    padding-bottom: 0px !important;
}

ul.pagination.justify-content-center.pagonation-location-keramat {
    padding-bottom: 0px !important;
}

body.no-trans.boxed_wrapper {
    background-color: #232a34;
}

.single-blog-content .inner-box .dot-box .dot {
    display: inline-block;
    height: 7px;
    width: 7px;
    background: #c4c4c4;
    border-radius: 50%;
    transition: all 500ms ease;
}

.single-blog-content .inner-box:hover .dot-box .dot {
    background: #059f81;
}

.single-blog-content .inner-box .image-holder .image-box img {
    border-radius: 20px;
}

/* Search Box */
.form-control::placeholder {
    font-size: 0.95rem;
    color: #aaa;
}

.form-control:focus {
    box-shadow: none;
}

.form-control-underlined {
    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0;
    padding-left: 0;
}

.single-blog-content .inner-box .lower-content .post-info li {
    font-size: 12px;
}

.single-blog-content .inner-box .lower-content {
    padding-top: 0px;
}

.single-blog-content .inner-box .image-holder .info-box li:before {
    content: none;
}

.fa, .fas, .far, .fal, .fab {
    margin-left: 3px;
}

.search-box input {
    margin-left: 10px;
}

.search-box {
    position: relative;
    display: block;
    padding: 25px 0 0 0;
}

.rtl {
    direction: rtl !important;
}

.ltr {
    direction: ltr !important;
}

.blog-grid-section.blog-page.news {
    padding-top: 40px !important;
    padding-bottom: 0px !important;
    margin-bottom: -30px;
}

@media only screen and (max-width: 599px) {
    .blog-grid-section.blog-page.news {
        padding-top: 30px !important;
    }
}

.search-box-hover:hover {
    /*border: 1px solid #9aa5a4 !important;*/
    box-shadow: 0 0 15px -4px rgba(157, 165, 177, 0.30);
}

.pagination-nav {
    padding-top: -30px;
    padding-bottom: 30px;
}

.blog-single .blog-single-content .post-title {
    color: #000000;
    padding: 0px;
}

.page-link {
    color: #119381;
}

.page-link:hover {
    color: #119381;
}

.news-details .blog-single {
    padding-top: 30px;
}

.news-details-box {
    margin-bottom: 20px;
    border-bottom: 3px solid #119381;
    color: white;
}

.blog-single .blog-single-content .inner-box .text {
    color: white !important;
    text-align: justify;
}

.blog-single .blog-single-content .inner-box .text p {
    color: white;
    text-align: justify;
}

.news-details-data {
    font-size: 11px;
    margin-top: 4px;
}

.news-details-titr {
    font-size: 28px;
}

.news-details-name {
    display: inline-flex;
}

.news-details-reporter {
    margin-right: 15px;
}

.pull-left {
    display: inline-flex;
}

.news-details-eye {
    margin-left: 15px;
}

.news-details-spreter {
    margin-right: 15px;
}

.news-details-content {
    padding-top: 10px;
}

.news-details-tag {
    margin-top: 10px;
}

.news-details-tag a:hover,
.news-details .send-message a:hover {
    background: #059f81;
    border-color: #059f81;
    color: #fff !important;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-family: 'SiteFont', sans-serif;
    font-weight: 400;
    border-radius: 25px;
    text-align: center;
    padding: 3px 30px;
}

.news-details-gallery-link {
    width: 107px;
    height: 107px;
}

.news-details-h5 {
    font-size: 24px;
    font-weight: 300;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    color: white;
}

.image-list {
    border-radius: 50px;
}

.news-details-li {
    border-radius: 50px;
}

.news-details-titr-gallery {
    font-size: 15px;
    padding-top: 30px;
}

.news-details .gallery-img {
    pointer-events: none;
}

span .title-gallery {
    overflow: hidden;
    padding-top: 35px;
    color: white;
}

span.title-data-gallery {
    color: white;
}

.news-details .title-data-gallery {
    font-size: 11px;
}

.news-details .send-message a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-family: 'SiteFont', sans-serif;
    color: #acacac;
    font-weight: 400;
    border: 1px solid #e4e4e4;
    border-radius: 25px;
    text-align: center;
    padding: 3px 30px;
}

.form-group input:focus {
    box-shadow: 0 0 8px 0 rgb(197, 200, 203);
}

.form-group textarea:focus {
    box-shadow: 0 0 8px 0 rgb(197, 200, 203);
}

.form-group input[type='tel'] {
    direction: ltr;
    text-align: center;
}

.form-group input[type='email'] {
    direction: ltr;
}

.contact-page .form-group input[type='tel']::-webkit-input-placeholder,
.contact-page .form-group input[type='email']::-webkit-input-placeholder {
    text-align: right !important;
}

.contact-page .form-group input[type='tel']:-moz-placeholder,
.contact-page .form-group input[type='email']:-moz-placeholder {
    text-align: right !important;
}

.contact-page .form-group input[type='tel']:-ms-input-placeholder,
.contact-page .form-group input[type='email']:-ms-input-placeholder {
    text-align: right !important;
}

address {
    margin-right: -15px;
    padding-top: 13px;
}

.icon-phone-signin {
    color: white;
}


.contact-astan .location-astan {
    margin-top: -10px;
}

fas fa-phone-volume {
    margin-top: 0;
}

.contact-astan .fhone-astan {
    margin-top: -8px;
    direction: ltr;
}

.contact-astan .fhone-number-astan {
    direction: ltr;
}

.contact-astan .gmail-astan {
    margin-top: -8px;
}

.contact-astan .input-info {
    text-align: right;
}

.contact-astan .contact-input-info {
    direction: rtl;
}

.contact-astan .hello-title {
    color: #059f81;
}

.news-list .btn-search {
    box-shadow: none !important;
}

.sidebar-page-container .sidebar .sidebar-instagram .image-list li img {
    width: 100% !important;
}

.keramat-list#team .wrap {
    margin: 75px auto 0;
    max-width: 275px;
    padding: 40px 10px;
    background: #F7F7F7;
    height: 80%;
}

.keramat-list#team .img-team {
    margin: -100px 0 0 0;
    padding: 0;
}

.keramat-list#team .wrap img {
    border: 5px solid #EDEDED;
    height: 150px;
    width: 150px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.keramat-list#team .wrap:hover img {
    border: 5px solid #059f81;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.keramat-list .img-circle {
    border-radius: 50%;
}

.keramat-list#team .wrap h3 {
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #059f81;
    margin-top: 20px;
    font-size: 1.5rem;
}

a.page-link {
    background-color: #232a34;
    border: 2px solid #106055;
}

.page-item:first-child .page-link {
    margin-right: 0;
    border-radius: 0 .25rem .25rem 0;
}

.page-item:last-child .page-link {
    margin-right: 0;
    border-radius: .25rem 0 0 .25rem;
}


/*
ul.pagination.justify-content-center.dir-ltr {
    flex-direction: row-reverse;
}

*/


.keramat-list#team .wrap h5 {
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px;
    font-size: 12px;
    color: #c6c5c5;
}

.keramat-list#team .wrap p {
    font-size: 12px;
    min-height: 70px;
    color: #dedede;
}

.keramat-list .team-social {
    position: relative;
    margin: 20px auto 0;
    width: 100%;
    height: 16px;
}

.keramat-list#team .wrap {
    margin: 75px auto 0;
    max-width: 275px;
    padding: 40px 10px;
    background: #20252d;
    border-radius: 30px;
    -webkit-transition: 1s;
    -moz-transition: 1s;

}

.keramat-list#team .wrap:hover {
    -webkit-transition: 1s;
    -moz-transition: 1s;
    box-shadow: 0px 8px 6px -6px rgb(5 159 129);
}

.keramat-list .row {
    margin: 0;
}


.pagination-keramat {
    margin-top: 20px !important;
}

.keramat-list .keramat-title-astan {
    color: #059f81;
}

.keramat-list .title-keramat {
    text-align: center;
    margin-top: 40px;
    font-size: 40px;
    color: white;
}

.keramat-list .card-keramat {
    margin-top: 35px;
}

.text-keramat-lide p {
    text-align: justify !important;
    color: white;
}

.blog-single .blog-single-content .post-share-option .tags li a {
    color: white;
!important;
}

body .scroll-top {
    bottom: -20%;
    opacity: 50%;
}

.index-body .main-slider .slide:before {
    background: rgba(0, 0, 0, 0.60);
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.mouse_scroll {
    display: block;
    width: 24px;
    height: 100px;
    margin: 125px auto 0;
}


.m_scroll_arrows {
    display: block;

    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);

    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 4px;

    width: 13px;
    height: 13px;
}


.unu {
    margin-top: 1px;
}

.unu, .doi, .trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;

}

.unu {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;

    animation-direction: alternate;
    animation-delay: alternate;
}

.doi {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;

    animation-delay: .2s;
    animation-direction: alternate;

    margin-top: -6px;
}

.trei {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;

    animation-delay: .3s;
    animation-direction: alternate;
    margin-top: -6px;
}

.mouse {
    height: 42px;
    width: 24px;
    border-radius: 14px;
    transform: none;
    border: 2px solid white;
    top: 170px;
}

.wheel {

    display: block;
    margin: 5px auto;
    background: white;
    position: relative;

    height: 4px;
    width: 4px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.wheel {
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
    animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@-o-keyframes mouse-wheel {

    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@keyframes mouse-wheel {

    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@-webkit-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

.astan-title-keramat-details {
    color: #059f81;
}

.arrow-bottom {
    margin-right: 16px;
}

.scroll-edit {
    width: 100%;
}

.contact-page .background-title {
    height: 100vh;
}

.contact-page .contact-container {
    padding: 50px;
    backdrop-filter: blur(5px);
    border: 2px solid white;
}

.contact-page .scroll-edit {
    margin-top: -10px;
}

.news-list .background-title-grid {
    height: 500px;
}

.news-list .scroll-edit-grid {
    margin-top: -20px;
}

.background-title-keramat-org {
    height: 500px;
}


.scroll-edit-single {
    margin-top: -10px;
}

body .scroll-top {
    bottom: -20%;
    opacity: 50%;
}

index-body .main-slider .slide:before. {
    background: rgba(0, 0, 0, 0.60);
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.mouse_scroll {
    display: block;
    width: 24px;
    height: 100px;
    margin: 10% auto 0;
}

.main-header .nav-outer .share-box,
.main-header .outer-box {
    margin-right: 0 !important;
}

.m_scroll_arrows {
    display: block;

    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);

    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 4px;

    width: 16px;
    height: 16px;
}


.unu {
    margin-top: 1px;
}

.unu, .doi, .trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;

}

.unu {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    animation-delay: alternate;
}

.doi {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
    animation-delay: .2s;
    animation-direction: alternate;
    margin-top: -6px;
}

.trei {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;

    animation-delay: .3s;
    animation-direction: alternate;


    margin-top: -6px;
}

.mouse {
    height: 42px;
    width: 24px;
    border-radius: 14px;
    transform: none;
    border: 2px solid white;
    top: 170px;
}

.wheel {

    display: block;
    margin: 5px auto;
    background: white;
    position: relative;

    height: 4px;
    width: 4px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.wheel {
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
    animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@-o-keyframes mouse-wheel {

    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@keyframes mouse-wheel {

    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@-webkit-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@media screen and (max-width: 991px) {
    .main-menu .collapse {
        overflow: hidden !important;
    }
}

ul.navigation.clearfix.mb-nav {
    border-radius: 10px !important;
}

.navigation-top-responsive {
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
}

.navigation.clearfix.mb-nav .navigation-bottom-responsive {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

@media screen and (max-width: 992px) {
    .main-menu .navbar-collapse > .navigation.mb-nav {
        background: transparent !important;
        color: white !important;
        border: 2px solid #106055 !important;
    }

    .switch-nightmode {
        display: none !important;
    }

    .switch-nightmode.switch-nightmode-responsive {
        display: inline-flex !important;
        margin-top: 0;
        position: relative;
        bottom: 47px;
        left: 58px;
    }

    .main-menu .navbar-collapse > .navigation > li {
        background: #232a34 !important;
        color: white !important;
        border-bottom: 1px solid #106055 !important;
        -webkit-animation-name: fadeOut;
        -moz-animation-name: fadeOut;
        -webkit-transition: 500ms;
        -moz-transition: 500ms;
    }

    .main-menu .navbar-collapse > .navigation > li:hover {
        background-color: #106055 !important;
        -webkit-animation-name: fadeIn;
        -moz-animation-name: fadeIn;
        -webkit-transition: 300ms;
        -moz-transition: 300ms;
    }

    .main-menu .navbar-collapse > .navigation {
        border: unset !important;
    }

    .page-title .content-box h1 {
        margin-top: 70px;
        font-size: 28px !important;
    }
}

:root {
    --toggle-size: .7rem;
    --switch-w: 4em;
    --switch-h: 2em;
    --switch-handle-scale: 0.65;
    --switch-off-handle-x: 3px;
    --switch-on-handle-x: calc(100% - 3px);
    --switch-transition-duration: 0.2s;
}

.switch-input-nightmode {
    display: none;
}

.switch-input-nightmode + label {
    font-size: var(--toggle-size);
    display: flex;
    height: var(--switch-h);
    width: var(--switch-w);
    border-radius: calc(var(--switch-h) / 2);
    background-size: auto 8em;
    background-position: bottom;
    background-image: linear-gradient(
            180deg,
            #bfbfbf 0%,
            #bfbfbf 19%,
            #0d9b86 66%,
            #0d9b86 100%
    );
    transition: var(--switch-transition-duration);
    /*border: 2px solid #eef3f6;*/
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .navigation-switch-responsive {
        display: none !important;
    }
}

.switch-input-nightmode + label span {
    background: #fffad8;
    border-radius: 50%;
    height: var(--switch-h);
    width: var(--switch-h);
    transform: translateX(var(--switch-off-handle-x)) scale(var(--switch-handle-scale));
    transition: var(--switch-transition-duration);
    cursor: pointer;
    box-shadow: 0 0 0.25em 0.0625em #fbee8d, 0 0 2em 0 #ffeb3b,
    inset -0.25em -0.25em 0 0 #fbee8e,
    inset -0.3125em -0.3125em 0 0.625em #fff5b2;
    /*margin-top: var(--switch-off-handle-x);*/
}

.switch-input-nightmode.enable-night {
    font-size: var(--switch-font-size);
}

.switch-input-nightmode.enable-night + label {
    background-position: top;
    border-color: #5983a6;
}

.switch-input-nightmode.enable-night + label span {
    background: transparent;
    transform: translateX(var(--switch-on-handle-x)) scale(var(--switch-handle-scale));
    box-shadow: inset -0.1875em -0.1875em 0 0 #fbe7ef,
    inset -0.5625em -0.5625em 0 0 #fffff7;
}

.switch-nightmode-responsive {
    direction: ltr;
    display: inline-flex;
}

.input-nightmode-responsive {

}

@media screen and (min-width: 992px) {
    .switch-input-nightmode {
        display: none;
    }
}

.switch-nightmode.nightmode-scroll {
    margin-top: 25px;
}

.switch-nightmode {
    direction: ltr;
    display: flex;
    margin-top: 55px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 0.2s ease;
}

.main-header .logo-box img {
    width: 100px;
    bottom: 20px;
}

.sticky-header .logo-box img {
    width: 55px;
    bottom: 0;
}


.share-box.sign-out {
    cursor: pointer;
    margin-top: -5px;
}


section.sidebar-page-container.blog-single {
    padding-bottom: 0px !important;
}

/**********( footer )**********/

.footer-style-two .widgets-section {
    padding: 50px 0 15px 0 !important;
}

.footer-style-two .footer-bottom {
    padding: 3px 0 !important;
}

.footer-style-two .footer-bottom .copyright {
    font-size: 11px !important;
    line-height: 2 !important;
}

.footer-style-two .footer-bottom .copyright a {
    font-size: 12px !important;
}

footer.footer-style-two {
    background-color: #1c2129 !important;
}

figure.footer-logo a img {
    width: 100px;
    margin-top: -40px;
}

figure.footer-logo {
    display: flex !important;
    justify-content: center !important;
}

.widget-content i.fab.fa-instagram:before {
    font-size: 27px;
}

.widget-content i.fab.fa-telegram:before {
    font-size: 25px;
}

.widget-content i.fab.fa-telegram,
.widget-content i.fab.fa-instagram {
    vertical-align: middle;
    color: white;
    transition: 0.5s;
    opacity: 60%;
}

.widget-content i.fab.fa-telegram:hover,
.widget-content i.fab.fa-instagram:hover {
    transition: 0.5s;
    opacity: 100% !important;
}

.soroush-icon img,
.eitaa-icon img {
    transition: 0.5s;
    opacity: 60%;
}

.soroush-icon:hover img,
.eitaa-icon:hover img {
    transition: 0.5s;
    opacity: 100%;
}

/*@media only screen and (max-width: 991px) {*/
/*    .footer-style-two .widgets-section .link-widget, .footer-style-two .widgets-section .contact-widget {*/
/*       text-align: center;*/
/*    }*/
/*}*/

.main-slider h3 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-family: 'SiteFont', Cursive;
    color: #fff;
    font-weight: 700;
    margin-bottom: 32px;
}

.main-slider h3 span {
    color: #059f81;
}

.icon-scroll,
.icon-scroll:before {
    position: absolute;
    left: 50%;
}

.icon-scroll {
    width: 40px;
    height: 70px;
    margin-left: -20px;
    top: 75%;
    margin-top: -35px;
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 25px;
}

.icon-scroll:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    margin-left: -4px;
    top: 8px;
    border-radius: 4px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: scroll;
}

@keyframes scroll {

    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(46px);
    }
}

@media only screen and (max-width: 600px) {
    .icon-scroll,
    .icon-scroll:before {
        position: absolute;
        left: 50%;
        top: 90%;
    }
}

.sec-title-two.centred {
    margin-bottom: 50PX;
}

.footer-widget iframe {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.footer-style-two .widgets-section .logo-widget p {
    text-align: justify;
}

section.blog-grid-section.blog-page {
    padding: 120px 0 50px 0;
}

html {
    scroll-behavior: smooth;
}

a.icon-scroll {
    width: 20PX;
    height: 40PX;
}

section.others-gallery.service-page {
    padding: 20px 0 0 0;
    background-image: url("/resources-f/images/background/kashi-ivan.png");
    background-attachment: fixed;
    background-position: center;
}

.service-page .overlay-blog {
    width: fit-content;
    height: 100%;
    background-color: #000000;
    opacity: 20%;
}

section.gallery-style-three {
    padding: 20px 0 0 0;
}

.sticky-header .logo-box {
    padding: 0;
}

.sticky-header .logo-box img {
    margin: 5px 0;
}

.sticky-header .main-menu .navigation > li > a {
    padding: 10px 30px !important;
    margin: 10px 0 0 0;
    background: none;
}

.sticky-header .main-menu .navigation > li > a:hover {
    border-bottom: 1px solid #0d9b86;
    -webkit-animation-name: fadeIn !important;
    -moz-animation-name: fadeIn !important;
    -sm-animation-name: fadeIn !important;
    -o-animation-name: fadeIn !important;
    -webkit-transition: 500ms !important;
    -moz-transition: 500ms !important;
    -ms-transition: 500ms !important;
    -o-transition: 500ms !important;
}

ul.navigation.clearfix li a {
    background: none !important;
    padding-bottom: 8px;
}

ul.navigation.clearfix li a:hover {
    border-bottom: 1px solid #0d9b86;
    -webkit-animation-name: fadeIn !important;
    -moz-animation-name: fadeIn !important;
    -sm-animation-name: fadeIn !important;
    -o-animation-name: fadeIn !important;
    -webkit-transition: 500ms !important;
    -moz-transition: 500ms !important;
    -ms-transition: 500ms !important;
    -o-transition: 500ms !important;
}

ul.navigation.clearfix {
    /*background: #1f1f1fd1!important;*/
}

ul.navigation.clearfix {
    /*background: #151515e8;*/

}

.fixed-header .sticky-header {
    height: auto;
}

section.blog-grid-section.blog-page {
    padding: 20px 0;
}

.gallery-block-two .inner-box .image-content .album-link a {
    height: 15px;
    padding: 10px;
    width: 15px;
    margin-left: 0;
    background: none;
}

.gallery-block-two .inner-box .image-content .album-link a:hover {
    color: #059f81;
}

.gallery-block-two:hover .album-link-img {
    transform: translateX(20px);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.gallery-block-two .album-link-img {
    transform: translateX(-50px);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    margin-bottom: 15px;
}

.gallery-block-two:hover .album-link-video {
    transform: translateX(20px);
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    transition: 1.5s;
}

.gallery-block-two .album-link-video {
    transform: translateX(-50px);
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    transition: 1.5s;
    margin-bottom: 15px;
}

.gallery-block-two:hover .album-link-audio {
    transform: translateX(20px);
    -webkit-transition: 2s;
    -moz-transition: 2s;
    transition: 2s;
}

.gallery-block-two .album-link-audio {
    transform: translate(-50px);
    margin-bottom: 15px;
    transition: 2s;
    -webkit-transition: 2s;
    -moz-transition: 2s;
}

.gallery-block-two .media-icons {
    position: absolute;
    top: 0;
    left: 0;
}

.media-icons .album-link a {
    color: #ffffff;
    background-color: rgba(101, 101, 101, 0.52);
    padding: 4px 10px;
    border-radius: 20px;
    border: 1px solid #e7e7e7;
}

.media-icons .album-link:hover i:before {
    color: #1c7430 !important;
}

.gallery-block-two .media-icons {
    top: 20px;
}

.media-icons .album-link a span {
    position: absolute;
    top: -13px;
    right: -5px;
    background-color: #059f819c;
    padding: 0px 8px;
    border-radius: 50%;
    min-width: 23px;
    font-size: 10px;
    line-height: 22px;
    font-weight: bold;
}

.contact-section .contact-info .info-list li {
    padding-bottom: 10px;
    font-size: 14pX;
}

.single-blog-content .inner-box .lower-content {
    height: 300px !important;
    overflow: hidden;
}

.single-blog-content .inner-box .lower-content .text p {
    line-height: 28px;
}

.single-blog-content .inner-box .lower-content .text {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
}

.single-blog-content .inner-box:hover .border-bottom:before {
    transform: scale(1, 1);
}

.single-blog-content .inner-box .border-bottom:before {
    position: absolute;
    content: '';
    background: #059f81;
    width: 100%;
    height: 3px;
    left: 0px;
    bottom: 30px;
    transform: scale(0, 0);
    transition: all 500ms ease;
}

.single-blog-content .inner-box .dot-box {
    text-align: center;
    background-color: white;
    position: relative;
    bottom: 33px;
}

/*.single-blog-content .inner-box:hover .lower-content {*/
/*    border-bottom: 3px solid #059f81;*/
/*    transform: scale(1,1) !important;*/
/*    !* Firefox *!*/
/*    -moz-transition: all 1s ease-in;*/
/*    !* WebKit *!*/
/*    -webkit-transition: all 1s ease-in;*/
/*    !* Opera *!*/
/*    -o-transition: all 1s ease-in;*/
/*    !* Standard *!*/
/*    transition: all 1s ;*/
/*}*/
.single-blog-content .inner-box .dot-box .dot {
    display: inline-block;
    height: 7px;
    width: 7px;
    background: #c4c4c4;
    border-radius: 50%;
    transition: all 500ms ease;
}

.single-blog-content .inner-box:hover .dot-box .dot {
    background: #059f81;
}

/* Search Box */
.form-control::placeholder {
    font-size: 0.95rem;
    color: #aaa;
}

.form-control:focus {
    box-shadow: none;
}

.form-control-underlined {
    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0;
    padding-left: 0;
}

.single-blog-content .inner-box .lower-content .post-info li {
    font-size: 12px;
}

.single-blog-content .inner-box .lower-content {
    padding-top: 0px;
}

.single-blog-content .inner-box .image-holder .info-box li:before {
    content: none;
}

.info-box span {
    color: white;
    font-size: 12px;
}

.info-box .icon-eye-card {
    color: white;
    font-size: 10px !important;
}

.fa, .fas, .far, .fal, .fab {
    margin-left: 3px;
    color: white;
}

.search-box input {
    margin-left: 10px;
}

.search-box {
    position: relative;
    display: block;
    padding: 40px 0 0 0;
}

.rtl {
    direction: rtl !important;
}

.ltr {
    direction: ltr !important;
}

.blog-grid-section.blog-page.news {
    padding-top: 40px !important;
}

@media only screen and (max-width: 599px) {
    .blog-grid-section.blog-page.news {
        padding-top: 30px !important;
    }
}

.search-box-hover:hover {
    /*border: 1px solid #9aa5a4 !important;*/
    box-shadow: 0 0 15px -4px rgba(157, 165, 177, 0.30);
}

.widget-content img {
    width: 23px !important;
    margin-left: 4px !important;
}

.info-astan-footer {
    direction: ltr !important;
}

.scroll-top:hover {
    background: #059f81;
    opacity: unset;
}

section.others-gallery.service-page:before {
    position: absolute;
    content: '';
    background-color: #000000;
    opacity: 40%;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px
}

.container-fluid .centred h3 {
    color: #ffffff;
}

.blog-page .load-more-btn {
    margin: 0;
}

.service-page .load-more-btn a {
    margin-bottom: 20px;
}

section .media-box {
    margin-top: 80px;
}

.pull-left .theme-btn-three {
    padding: 12px 18px;
}

.gallery-style-two .tabs-box {
    margin-top: 100px;
}

.items-container.row.clearfix {
    margin: 0 auto;
}

.gallery-block-two .inner-box:before {
    pointer-events: none !important;
}

.gallery-style-two .tabs-box .inner-box:before {
    pointer-events: none !important;
}

.gallery-style-two .tabs-box .inner-box:before {
    background: none;
}

.music-player {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    background-color: #0665a2;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .025rem;
    line-height: 1.618;
    padding: 1rem 0;
}

audio {
    display: none;
}

#audiowrap,
#plwrap {
    margin: 0 auto;
}

#tracks {
    font-size: 0;
    position: relative;
    text-align: center;
}

#nowPlay {
    display: block;
    font-size: 0;
}

#nowPlay span {
    display: inline-block;
    font-size: 1.05rem;
    vertical-align: top;
}

#nowPlay span#npAction {
    padding: 21px;
    width: 30%;
}

#nowPlay span#npTitle {
    padding: 21px;
    text-align: right;
    width: 70%;
}

#plList li {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 21px 10px;
    border-radius: 10px;
}

#plList li:hover {
    background-color: rgba(0, 0, 0, .1);
}

.plItem {
    position: relative;
}

.plTitle {
    left: 50px;
    overflow: hidden;
    position: absolute;
    right: 65px;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
}

.plNum {
    padding-left: 21px;
    width: 25px;
}

.plLength {
    padding-left: 21px;
    position: absolute;
    right: 21px;
    top: 0;
}

.plSel,
.plSel:hover {
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    cursor: default !important;
}

#tracks a {
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 2.3rem;
    height: 40px;
    line-height: .2;
    margin: 0 5px 30px;
    padding: 12px;
    text-decoration: none;
    transition: background .3s ease;
}

#tracks a:hover,
#tracks a:active {
    background-color: rgba(0, 0, 0, .1);
    color: #fff;
}

#tracks a::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* Plyr Overrides
================================================== */

.plyr--audio .plyr__controls {
    background-color: transparent;
    border: none;
    color: #fff;
    font-family: "Source Sans Pro", arial, sans-serif;
    padding: 20px 20px 20px 13px;
    width: 100%;
}

a.plyr__controls__item.plyr__control:hover,
.plyr--audio .plyr__controls button:hover,
.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr__play-large {
    background-color: rgba(0, 0, 0, .1);
}

.plyr__progress--played,
.plyr__volume--display {
    color: rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
    background-color: rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer {
    color: rgba(0, 0, 0, .1);
}

.plyr--full-ui input[type="range"] {
    width: calc(100% - 39px);
}

.plyr__controls .plyr__controls__item.plyr__time {
    font-size: 14px;
    margin-left: 7px;
}


/* Media Queries
================================================== */

@media only screen and (max-width: 600px) {
    #nowPlay span#npAction {
        display: none;
    }

    #nowPlay span#npTitle {
        display: block;
        text-align: center;
        width: 100%;
    }
}

.content-box .text p {
    text-align: justify;
}

.container .content-box {
    direction: rtl;
}

.ziyarat .main-slider h1 {
    font-size: 30px !important;
}

.ziyarat .main-slider h4 {
    line-height: 70px !important;
    text-align: center;
    margin-bottom: 0;
    font-size: 20px;
}

.ziyarat .main-slider h3 {
    opacity: 0;
    color: #059f81;
    margin: 0;
}

.ziyarat .main-slider h1 {
    line-height: 70px !important;
    text-align: center;
    font-size: 16px;
    color: #059f81;
    pointer-events: none;
}

.ziyarat .main-slider .slide:before {
    background: rgba(0, 0, 0, 0.60);
    pointer-events: none;
}

.ziyarat .main-slider h4:hover + h3 {
    opacity: 100%;
    transition: 1s !important;
}

.ziyarat .main-slider h3:hover {
    opacity: 100%;
    transition: 1s !important;
}

.gallery-blog section.others-gallery.service-page {
    background: none;
}

.gallery-blog .music-player {
    background-color: #232a34;
}

.pagination-nav {
    padding-top: -30px;
    padding-bottom: 30px;
}

.page-item.active .page-link {
    height: 100% !important;
    background-color: #106055 !important;
    border: none;
}

.page-link {
    color: #119381;
}

.page-link:hover {
    color: #119381;
}

section.page-title.centred.background-title-single {
    padding: 200px 0 35px 0;
}

.found-page .main-slider .page-title .container .content-box p:first-child {
    font-size: 80px;
    color: #c70000;
    text-shadow: 0 0 5px #ffffff;
    font-weight: bold;
}

.found-page .main-slider .page-title .container .content-box p {
    font-size: 30px;
    color: #ffffff;
    padding: 10px;
}

.found-page .main-slider .page-title .container .content-box {
    padding: 200px 100px;
    border-radius: 20px;
}

.found-page .main-slider .page-title:before {
    background: none;
}

.found-page .main-slider .page-title .container .content-box .btn-home {
    background-color: #0d9b86;
    margin-top: 40px;
    padding: 2px 50px;
    color: white;
    transition: 0.2s;
    border-radius: 20px;
}

.found-page .main-slider .page-title .container .content-box .btn-home:hover {
    background-color: #127d6e;
    color: #ffffff;
    transition: 0.2s;
}

.found-page .main-slider .page-title:before {
    backdrop-filter: blur(10px);
}

@media only screen and (max-width: 900px) {
    .found-page .main-slider .page-title .container .content-box p {
        font-size: 20px;
    }
}

.found-page .main-slider {
    direction: rtl;
}

a#btnPrev, a#btnNext {
    font-size: 1.3rem;
    margin: 20px 5px;
}

.input-group.mb-4.border.rounded-pill.p-1.ltr.search-box-hover {
    border-radius: 30px !important;
}

a {
    text-decoration-line: none !important;
}

a.theme-btn-two:hover {
    background-color: #059f81;
}

.blog-page .load-more-btn a {
    margin-bottom: 50px;
}

.ziyarat .main-slider .slide {
    position: relative;
    padding: 200px 0px 280px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.g-count-hide {
    display: none !important;
}

/********************************
    main-slider (.signin-container)
********************************/
section.signin-container:before {
    background: none;
}

section.signin-container {
    background-image: url("/resources-f/images/pictures/15.jpg") !important;
}

section.signin-container.servant-signin-container {
    background-image: none !important;
}

/********************************
    form-section
********************************/
.container-login {

    padding-bottom: 200px !important;
    margin: 0 auto !important;
}

.container-login #wel_panel.btn {
    color: white;
}

@media only screen and (max-width: 991px) {
    .container-login {
        margin: 0 10px !important;
        padding-top: 120px !important;
    }
}

@media only screen and (min-width: 770px) and (max-width: 991px) {
    .container-login {
        margin: 0 auto !important;
    }
}

.container-login .goto-profile, .goto-panel, .goto-site {
    background-color: #059f81 !important;
    border: 1px solid #059f81 !important;
}

.container-login .goto-profile {
    margin: 0;
}

.container-login .set-pass {
    background-color: #fc4646;
}

.container-login .input-password-addon {
    margin-left: 40px !important;
}

.input-password-addon i.fa.fa-eye-slash,
.input-password-addon i.fa.fa-eye {
    top: 14px;
    left: 20px;
}

.input-password-addon .p-change i.fa.fa-eye-slash,
.input-password-addon .p-change i.fa.fa-eye {
    top: 43px;
    left: 20px;
}

i.fa.fa-eye-slash,
i.fa.fa-eye {
    position: absolute;
    color: darkgreen;
}

i.fa.fa-eye-slash.text-dark.icon-eye-signin {
    position: absolute;
    left: 45px;
    top: 233px;
}

.progress-bar.progress-bar-success {
    background-color: #059f81;
}

.progress-bar.progress-bar-danger {
    background-color: #b50000 !important;
}

.progress-bar.progress-bar-warning {
    background-color: #ffac00;
}

section.signin-container.page-title {

    padding: 0;
}

h2.sign-title, p.noticeText {
    color: #fff;
    font-weight: bolder;
}

.col-sm-6.offset-sm-6.text-right {
    margin: 0 auto;
}

.form-control {
    border-radius: 10px;
    cursor: pointer;
    color: #6d6d6d;
    font-size: 20px;
}

.form-control:focus {
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #059f81;
    /*box-shadow: 2px 1px #059f81;*/
}

.dot-style-one .owl-dots {
    display: none;
}

input.form-control.bg-none.border-0.rtl {
    background-color: #232a34;
}

span.fa.fa-spinner.fa-spin.spinner-custom:before {
    content: none;
}

button#_sendUserPhoneNumber {
    background-color: #059f81;
    transition: 0.2s;
    border-radius: 10px;
    color: #fff;
    margin-top: 20px;
}

button#_sendUserPhoneNumber:hover {
    background-color: #057c65;
}

.container-login i.fa.fa-arrow-left {
    transition: 0.2s;
}

button#_sendUserPhoneNumber:hover i.fa.fa-arrow-left {
    transform: translateX(-5px);
    transition: 0.2s;
}

h2.sign-title, p.noticeText {
    margin-bottom: 5px;
}

.password-group .input-password-addon a {
    display: block;
    padding-top: 4px;
    color: #becad8;
}

.icon-eye-signin {
    position: absolute;
    top: 235px;
    left: 45px;
}

.pwstrength_viewport_progress {
    margin-top: 20px;
}

.help-block {
    color: white;
}

/**********( _signinX )**********/

.signin-container .sign-title {
}

.signin-container form {
}

.signin-container .form-control {
    -webkit-appearance: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: none;
}

.signin-container .captcha-pane {
    visibility: hidden;
    min-height: 30px;
    text-align: center;
    padding: 3px 2px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
}

.signin-container .captcha-pane.show {
    visibility: visible;
    transition-property: all;
    transition-duration: 1s;
}

.signin-container .notice-pane {
    visibility: hidden;
    min-height: 30px;
    text-align: center;
    padding: 3px 2px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
}

.signin-container .notice-pane.show {
    visibility: visible;
    transition-property: all;
    transition-duration: 1s;
}

.signin-container .notice-pane > i {
    font-style: normal;
    float: left;
    padding: 4px 0;
    width: 27px;
}

.signin-container .noticeText {
    margin-bottom: 0;
}

.signin-container button > span.fa-spinner {
    position: absolute;
    right: 2px;
    top: 9px;
}

.signin-container .btn-inst-send-sms {
    font-size: 13px;
    display: block;
    width: 100%;
    position: relative;
    padding: 8px 0;
}

.signin-container .mobile-input {
    direction: ltr;
    text-align: center;
    letter-spacing: 15px;
}

.signin-container .mobile-input::-webkit-input-placeholder {
    text-align: center !important;
}

.signin-container .mobile-input:-moz-placeholder {
    text-align: center !important;
}

.signin-container .mobile-input::-moz-placeholder {
    text-align: center !important;
}

.signin-container .mobile-input:-ms-input-placeholder {
    text-align: center !important;
}

.signin-container .your-mobile {
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 4px 0;
}

.signin-container .input-title {
    font-size: 15px;
    text-align: center;
    color: #0a1037;
}

.signin-container .input-desc {
    font-size: 14px;
    text-align: center;
    color: #28293e;
}

.signin-container .username-text {
    border: 1px solid transparent;
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center;
    background-color: #ffffff96;
    border-radius: 20px;
    padding-left: 20px;
}

i.fa.text-dark.icon-eye-signin.fa-eye-slash {
    position: absolute;
    top: 235px;
}

@media (max-width: 768px) {
    i.fa.text-dark.icon-eye-signin.fa-eye-slash {
        position: absolute !important;
        top: 257px !important;
    }
}

.signin-container i.fas.fa-edit {
    position: relative;
    left: 38px;
    color: #059f81;
}


.signin-container .password-input {
    direction: ltr;
    text-align: center;
    letter-spacing: 4px;
    font-size: 14px;
}

.signin-container .password-input::-webkit-input-placeholder {
    text-align: center;
}

.signin-container .password-input:-moz-placeholder {
    text-align: center;
}

.signin-container .password-input::-moz-placeholder {
    text-align: center;
}

.signin-container .password-input:-ms-input-placeholder {
    text-align: center;
}

.signin-container .password-group {
    position: relative;
}

.signin-container .password-group .input-password-addon {
    display: inline;
    top: 3px;
}

.signin-container .btn-submit-verify {
    color: #007bff;
    background-color: transparent;
    border: transparent;
    font-size: 13px;
    text-align: right;
}

.signin-container .btn-submit-verify:hover {
    cursor: pointer;
}

.signin-container .btn-submit-verify .with-waiting {
    margin-left: 5px;
}

.signin-container .signin-call-timer {
    font-size: 14px;
    font-weight: 400;
    cursor: wait;
    color: #0b214e !important;
}

.signin-container .signin-call-timer .call-second {
    position: absolute;
    left: 25px;
}

.sign-out-margin {
    margin-top: 44px !important;
}

@media (max-width: 991px) {
    .sign-out-margin {
        margin-top: unset !important;
    }
}

@media only screen and (max-width: 599px) {
    .main-slider .slide {
        padding: 300px 0px 130px 0px !important;
    }
}

.sign-out a:hover {
    color: #bebebe !important;
}

.sign-out i {
    margin-right: -2px;
    margin-left: 0px;
    vertical-align: middle;
    margin-bottom: 2px;
}

@media (max-width: 1200px) {
    .sign-out {
        padding: 5px 10px !important;
    }

    .share-box.sign-out .share-btn span,
    .share-box.sign-out .sign-profile span {
        font-size: 14px !important;
    }
}

.sign-out {
    color: white;
    background-color: #0d9b86;
    padding: 5px 20px;
    border-radius: 10px;
}

.sign-out .sign-profile {
    color: white !important;
}

a#editMobile, .signin-container .your-mobile {
    margin-bottom: 40px;
}

button#_submitPassword, button#_checkUserCodeBtn {
    background-color: #059f81;
    transition: 0.2s;
    border-radius: 10px;
    color: #fff;
}

@media (min-width: 576px) {
    button#_submitPassword, button#_checkUserCodeBtn {
        margin-top: 10px;
    }
}

button#_submitPassword:hover, button#_checkUserCodeBtn:hover {
    background-color: #035445;
}

/**********( login )**********/

h2.h3.text-primary.font-weight-normal.mb-0 {
    color: #01cea6 !important;
    font-weight: bolder !important;
}

form.mt-5.space-top-3 div p, label.control-label.font-14, span#_userRePassword-error {
    color: white !important;
}

.container-login i.fa.fa-check {
    transition: 0.2s;
}

.container-login button#_backToWelcome, .container-login button#_backToWelcome, button#_submitNewPassword {
    background-color: #059f81 !important;
}

button#_submitPassword:hover .container-login i.fa.fa-check {
    transform: translateX(-5px);
    transition: 0.2s;
}

button#_submitVerifyCode {
    color: #FFFFFF !important;
}

button#_submitVerifyCode:hover {
    background-color: #b8b8b8;
}

.news-title {
    font-size: 40px !important;
    /*color: #059f81 !important;*/
}

.keramat-index-text-min {
    max-height: 50px !important;
    overflow: hidden !important;
}

.editor-tail {
    display: block !important;
}

.keramat-page.page-title {
    padding: 200px 0px 0 0px !important;
}

.keramat-page.page-title:before {
    background: rgba(0, 0, 0, 0.75);
}

.others-gallery .owl-stage-outer .owl-item.active .inner-box:before {
    pointer-events: none;
}

.gallery-blog .content p {
    color: #d2d2d2 !important;
}

.gallery-style-two .tab-btn-box li {
    max-width: 185px !important;
    max-height: 185px !important;
    margin-bottom: 5px;
}

.fancybox-button--share {
    display: none !important;
}

.gallery-slider-title {
    background: rgba(0, 0, 0, 0.68);
    padding: 20px;
    border-radius: 10px;
}

.gallery-slider-btn {
    margin-top: 30px;
}

.music-player-list {
    border: solid 1px #929292;
    border-radius: 10px;
    padding: 20px;
}

.plyr--audio {
    border-radius: 10px;
}

button.navbar-toggle {
    border-radius: 10px !important;
}

.news-files .tabs-content {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-flow: row wrap;
}

.news-files .inner-box img {
    margin: 5px;
    width: 100px !important;
    height: 100px !important;
    object-fit: cover;
}

.news-files .inner-box:hover img {
    backdrop-filter: blur(5px);
}

.index-slider .slide {
    height: 100vh;
}

.index-slider .mouse_scroll {
    margin: 3% auto 0 !important;
}

@media (max-width: 768px) {
    .page-title {
        padding-top: 242px;
    }
}

.sec-title-two h3 {
    color: white;
}

.blog-grid-section.blog-page.news {
    background: #232a34;
}

section.gallery-style-three.gallery-astan {
    background: #232a34;
}

ul.pagination.justify-content-center {
    padding-bottom: 5rem !important;
}

.pagonation-location-keramat {
    padding-bottom: 0px !important;
}

.single-blog-content .inner-box .lower-content h4 a {
    color: #059f81;
}

.single-blog-content .inner-box .lower-content .text p {
    color: white;
}

.single-blog-content .inner-box .dot-box {
    background: #2c323c !important;
}

section.about-section.about-page {
    padding-top: 0px !important;
}

.gallery-full-image {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

@media (max-width: 768px) {
    .gallery-full-image {
        width: 100%;
        height: unset;
        object-fit: cover;
    }
}

@media only screen and (max-width: 599px) {
    .about-section, .gallery-style-two {
        padding-top: 170px;
    }
}

@media only screen and (max-width: 399px) {
    .gallery-style-two .tab-btn-box li {
        width: 30%;
    }

    .gallery-style-two .tab-btn-box .album-link a {
        width: 45px;
        height: 45px;
    }

    .gallery-style-two .tab-btn-box .album-link a i {
        font-size: 20px;
        bottom: 10px;
        position: relative;
    }

}

.about-section {
    background-color: #232a34;
}

.sec-title h3 {
    color: #dddddd;
}

.about-section .content-box .text p {
    color: #bababa;
}

.blog-page .load-more-btn a, .load-more-btn.centred a {
    background-color: #059f81ad;
}

.blog-page .load-more-btn a:hover {
    background-color: rgba(0, 210, 169, 0.68);
}

.service-page .load-more-btn a {
    background-color: #0e7968;
}

.service-page .load-more-btn a:hover {
    background-color: #059f81;
}

/**********( gallery )**********/
.gallery-block-two .inner-box .image-content h3 {
    font-size: 20px;
}

.fa-id-badge:before {
    margin-left: -7px;
    margin-right: -7px;
}

.nav-servant-register {
    text-align: center;
    z-index: 100000;
    position: relative;
    background-color: #232323;
    padding: 8px 0 2px;
}

@media only screen and (min-width: 991px) {
    .nav-servant-register {
        display: none;
    }

    .sticky-header .container.clearfix {
        max-width: none;
    }

    .main-menu .navigation > li {
        margin: 0 15px !important;
    }

    .main-header .main-box .nav-outer {
        float: unset !important;
    }

    .main-header .main-box .logo-box {
        float: unset !important;
    }

    .main-header .main-box {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .main-header .nav-outer .share-box, .main-header .outer-box {
        margin-right: 10px !important;
    }
}

/**********( servant login )**********/
.servant-login p {
    color: white !important;
}

/********************************( _color)*/
/*servant*/
@media (max-width: 767px) {
    .p-bottom-0 {
        bottom: 0 !important;
        transition: 0.5s;
    }

    .left-box {
        transition: 0.5s;
        position: fixed;
        bottom: -600px;
        right: 0;
        left: 0;
        background-color: #f2f2f2;
        margin: 0 !important;
        border-radius: 70px 70px 0 0;
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .signin-top-title {
        text-align: center;
    }

    .left-box section#user-page-1, .left-box section#user-page-2, .left-box section#user-page-3, .left-box section#user-page-4, .left-box section#user-page-5 {
        margin: 0 !important;
    }

    .left-box section {
        padding: 0 22px !important;
    }

    .left-box section form {
        width: 100%;
    }

    .pt2-box {
        display: none !important;
    }

    .signin-banner {
        height: 100vh;
        background-color: white;
        padding: 140px 30px 0 30px;
    }

    .pattern-box {
        right: 0 !important;
    }

    .signin-banner-caption {
        margin-top: 10px;
        font-size: 14px;
    }

    .signin-banner-title span, .signin-banner-title {
        font-size: 20px !important;
    }

    .home-btn {
        left: 40px;
    }
}

@media (min-width: 768px) {
    .form-box {
        height: 70vh !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .down-icon {
        display: none
    }

    .signin-btn {
        display: none;
    }

    .signin-page {
        background-color: #f2f2f2;
        display: flex;
        align-items: center;
        height: 100vh;
    }

    .signin-banner {
        width: 100%;
        background-color: white;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        height: 90vh;
        padding: 0 100px;
        border-radius: 20px;
        margin: 0 50px;
    }

    .signin-banner-title {
        margin-bottom: 20px;
    }
}


.signin-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pattern-box {
    position: relative;
    display: flex;
    justify-content: center;
    right: 30px;
}

.pattern-box img.pt1 {
    position: absolute;
    width: 300px;
}

.pattern-box img.pt2 {
    position: absolute;
    width: 300px;
    bottom: 0;
}

.signin-banner-title {
    color: #354a6f;
    font-weight: bold;
    font-size: 37px;
    text-align: center;
}

.signin-banner-caption {
    color: #999999;
    margin-top: 10px;
    font-size: 19px;
    text-align: justify;
    word-spacing: 2px;
}

.signin-banner-title span {
    color: #64c1c5;
    font-weight: bold;
    font-size: 37px;
}

.signin-btn {
    position: fixed;
    z-index: 2;
    padding: 30px;
    background-color: #354a6f;
    color: white;
    margin-top: 40px;
    border-radius: 50%;
    font-size: 20px;
    box-shadow: 0 0 0 0 rgba(88, 120, 243, 0.4);
    -moz-animation: pulse 1s infinite;
    -webkit-animation: pulse 1s infinite;
    animation: pulse 1s infinite;
}

.static-btn {
    width: 100%;
    display: flex;
    justify-content: center;
}

.signin-btn:hover {
    background-color: #41567c;
    color: white;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(88, 120, 243, 1);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(88, 120, 243, 0);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(88, 120, 243, 0);
    }
}

.signin-top-title h3 {
    color: #354a6f;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
}

.signin-top-title span {
    color: #b3b3b3;
    font-size: 16px;
}

.left-box {
    margin-right: 80px;
    margin-top: 30px;
}

.signin-container .user-section {
    border: none;
    filter: none;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    width: 330px;
}

@media screen and (max-width: 991px) {
    .signin-container .user-section {
        width: 100%;
    }

    .left-box {
        margin-right: 40px;
        margin-top: 30px;
    }
}

.left-box input {
    border: none;
    letter-spacing: 4px;
    padding: 15px 10px;
    border-radius: 20px;
    width: 100%;
}

.left-box input:focus {
    border: none;
    box-shadow: none;
    border-radius: 20px;

}

.left-box button {
    background-color: #0b214e !important;
    width: 100%;
    border-radius: 20px;
    padding: 15px 5px;
    font-size: 20px;
}

.left-box .captcha-container {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 14px;
    height: 42px;
}

.left-box .captcha-container button {
    background-color: #ffffff !important;
    border: none;
    border-radius: 0;
    width: 60px;
    margin: 0;
    padding: 10px 0;
}

.left-box .captcha-container button:hover {
    background-color: #bfbfbf !important;
}

.left-box .captcha-container span {
    padding: 10px 10px;
    background-color: #ffffff !important;
}

.left-box .captcha-container input {
    letter-spacing: 0;
    direction: ltr;
    text-align: center;
    border-radius: 0;
}

.left-box outline-btn, .left-box button#_signinCallTimer {
    background-color: unset !important;
    color: #0b214e !important;
}

.left-box button#_signinCallTimer span {
    color: #0b214e !important;
}

.left-box button:hover {
    background-color: #102b62 !important;
}

.left-box .notice-pane {
    min-height: 30px;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.5;
    padding-bottom: 0;
}

.left-box .notice-pane .notice-timeline {
    background-color: gray;
    padding-top: 1px;
    margin-top: 7px;
}

.left-box .input-password-addon {
    background-color: #ffffff00 !important;
}

.left-box button#_submitVerifyCode {
    background-color: #ffffff00 !important;
    color: #0b214e !important;
}

#user-page-1,
#user-page-2,
#user-page-3,
#user-page-4 {
    display: none;
}

.left-box .input-password-addon i.fa.fa-eye-slash, .left-box .input-password-addon i.fa.fa-eye {
    bottom: 24px;
    left: 20px;
    top: unset;
}

.left-box .edit-phone {
    color: #0b214e !important;
    top: 12px;
    margin: 0 !important;
    left: 20px;
    position: absolute;
}

.home-btn img {
    width: 25px;
}

.home-btn {
    z-index: 2;
    top: 20px;
    background-color: #354a6f;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 13px;
    position: fixed;
    left: 20px;
    transition: 0.4s;
    cursor: pointer;
}

.home-btn:hover {
    transition: 0.4s;
    background-color: #47618f;

}

.hidden {
    display: none !important;
}

.down-btn {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
}

.down-icon {
    position: absolute;
    width: 30px;
    bottom: 30px;
}

.survey {
    background-color: #1c2129;
}

.survey #survey-loading {
    color: #fff;
}