.p-r-0, .p-x-0 {
    padding-right: 0 !important
}

.p-l-0, .p-x-0 {
    padding-left: 0 !important
}

.p-t-0, .p-y-0 {
    padding-top: 0 !important
}

.p-b-0, .p-y-0 {
    padding-bottom: 0 !important
}

#IranMap .list ul:after, #IranMap .list ul:before {
    content: ' ';
    display: table
}

.cardTitle, .index_pic_sub_title {
    -webkit-box-orient: vertical;
    overflow: hidden
}

img {
    max-width: 100% !important;
    height: auto !important
}

@font-face {
    font-display: swap
}

.index-wrapper {
    overflow-x: hidden !important;
    display: grid !important;
    grid-template-rows:auto 1fr auto;
    min-height: 100vh;
    margin: 0;
    position: relative
}

#coursePage .headerBanner {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    z-index: 1
}

#coursePage .headerBanner:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 1
}

#coursePage .headerBanner .header-bg {
    width: 100%;
    height: 100% !important;
    position: absolute;
    left: 0;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    z-index: -1
}

#coursePage .headerBanner .header-bg-1 {
    width: 100%;
    max-height: 300px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
    z-index: 2
}

#coursePage .headerBanner .title-rate {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2
}

#coursePage .headerBanner .title-rate h4 {
    text-shadow: 0 0 5px #000
}

#coursePage .headerBanner .title-rate .rating {
    text-shadow: 0 0 5px #000;
    z-index: 2
}

#coursePage .addAwareBtn, #coursePage .remainingTime {
    height: 50px;
    padding: 5px
}

#coursePage .remainingTime span {
    width: 25%
}

#coursePage .remainingTime .label span, .h4, h4 {
    font-size: 12px
}

#coursePage .info .icon, .fs-50 {
    font-size: 50px
}

.MuiDivider-root {
    border: none;
    height: 1px;
    margin: 0;
    flex-shrink: 0;
    background-color: rgba(0, 0, 0, .12)
}

.m-r-0, .m-x-0 {
    margin-right: 0 !important
}

.m-l-0, .m-x-0 {
    margin-left: 0 !important
}

.m-t-0, .m-y-0, .owl-theme .owl-dots {
    margin-top: 0 !important
}

.m-b-0, .m-y-0 {
    margin-bottom: 0 !important
}

.MuiSvgIcon-root {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill .2s cubic-bezier(.4, 0, .2, 1);
    flex-shrink: 0;
    user-select: none
}

hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px
}

.drop-item, .nav-link, .text-primary {
    color: #009292 !important
}

.m-a-0 {
    margin: 0 !important
}

.m-r-1, .m-x-1 {
    margin-right: 1rem !important
}

.m-l-1, .m-x-1 {
    margin-left: 1rem !important
}

.m-t-1, .m-y-1 {
    margin-top: 1rem !important
}

.m-b-1, .m-y-1 {
    margin-bottom: 1rem !important
}

.m-a-1 {
    margin: 1rem !important
}

.m-r-2, .m-x-2 {
    margin-right: 2rem !important
}

.m-l-2, .m-x-2 {
    margin-left: 2rem !important
}

.m-t-2, .m-y-2 {
    margin-top: 2rem !important
}

.m-b-2, .m-y-2 {
    margin-bottom: 2rem !important
}

.m-a-2 {
    margin: 2rem !important
}

.m-r-3, .m-x-3 {
    margin-right: 3rem !important
}

.m-l-3, .m-x-3 {
    margin-left: 3rem !important
}

.m-t-3, .m-y-3 {
    margin-top: 3rem !important
}

.m-b-3, .m-y-3 {
    margin-bottom: 3rem !important
}

.m-a-3 {
    margin: 3rem !important
}

.m-r-4, .m-x-4 {
    margin-right: 4rem !important
}

.m-l-4, .m-x-4 {
    margin-left: 4rem !important
}

.m-t-4, .m-y-4 {
    margin-top: 4rem !important
}

.m-b-4, .m-y-4 {
    margin-bottom: 4rem !important
}

.m-a-4 {
    margin: 4rem !important
}

.m-r-5, .m-x-5 {
    margin-right: 5rem !important
}

.m-l-5, .m-x-5 {
    margin-left: 5rem !important
}

.m-t-5, .m-y-5 {
    margin-top: 5rem !important
}

.m-b-5, .m-y-5 {
    margin-bottom: 5rem !important
}

.m-a-5 {
    margin: 5rem !important
}

.m-r-6, .m-x-6 {
    margin-right: 6rem !important
}

.m-l-6, .m-x-6 {
    margin-left: 6rem !important
}

.m-t-6, .m-y-6 {
    margin-top: 6rem !important
}

.m-b-6, .m-y-6 {
    margin-bottom: 6rem !important
}

.m-a-6 {
    margin: 6rem !important
}

.m-r-7, .m-x-7 {
    margin-right: 7rem !important
}

.m-l-7, .m-x-7 {
    margin-left: 7rem !important
}

.m-t-7, .m-y-7 {
    margin-top: 7rem !important
}

.m-b-7, .m-y-7 {
    margin-bottom: 7rem !important
}

.m-a-7 {
    margin: 7rem !important
}

.m-r-8, .m-x-8 {
    margin-right: 8rem !important
}

.m-l-8, .m-x-8 {
    margin-left: 8rem !important
}

.m-t-8, .m-y-8 {
    margin-top: 8rem !important
}

.m-b-8, .m-y-8 {
    margin-bottom: 8rem !important
}

.m-a-8 {
    margin: 8rem !important
}

.m-r-9, .m-x-9 {
    margin-right: 9rem !important
}

.m-l-9, .m-x-9 {
    margin-left: 9rem !important
}

.m-t-9, .m-y-9 {
    margin-top: 9rem !important
}

.m-b-9, .m-y-9 {
    margin-bottom: 9rem !important
}

.m-a-9 {
    margin: 9rem !important
}

.m-r-10, .m-x-10 {
    margin-right: 10rem !important
}

.m-l-10, .m-x-10 {
    margin-left: 10rem !important
}

.m-t-10, .m-y-10 {
    margin-top: 10rem !important
}

.m-b-10, .m-y-10 {
    margin-bottom: 10rem !important
}

.m-a-10 {
    margin: 10rem !important
}

.p-a-0, .paginationCustom, .searchItem {
    padding: 0 !important
}

.p-r-1, .p-x-1 {
    padding-right: 1rem !important
}

.p-l-1, .p-x-1 {
    padding-left: 1rem !important
}

.p-t-1, .p-y-1 {
    padding-top: 1rem !important
}

.p-b-1, .p-y-1 {
    padding-bottom: 1rem !important
}

.p-a-1 {
    padding: 1rem !important
}

.p-r-2, .p-x-2 {
    padding-right: 2rem !important
}

.p-l-2, .p-x-2 {
    padding-left: 2rem !important
}

.p-t-2, .p-y-2 {
    padding-top: 2rem !important
}

.p-b-2, .p-y-2 {
    padding-bottom: 2rem !important
}

.p-a-2 {
    padding: 2rem !important
}

.p-r-3, .p-x-3 {
    padding-right: 3rem !important
}

.p-l-3, .p-x-3 {
    padding-left: 3rem !important
}

.p-t-3, .p-y-3 {
    padding-top: 3rem !important
}

.p-b-3, .p-y-3 {
    padding-bottom: 3rem !important
}

.p-a-3 {
    padding: 3rem !important
}

.p-r-4, .p-x-4 {
    padding-right: 4rem !important
}

.p-l-4, .p-x-4 {
    padding-left: 4rem !important
}

.p-t-4, .p-y-4 {
    padding-top: 4rem !important
}

.p-b-4, .p-y-4 {
    padding-bottom: 4rem !important
}

.p-a-4 {
    padding: 4rem !important
}

.p-r-5, .p-x-5 {
    padding-right: 5rem !important
}

.p-l-5, .p-x-5 {
    padding-left: 5rem !important
}

.p-t-5, .p-y-5 {
    padding-top: 5rem !important
}

.p-b-5, .p-y-5 {
    padding-bottom: 5rem !important
}

.p-a-5 {
    padding: 5rem !important
}

.p-r-6, .p-x-6 {
    padding-right: 6rem !important
}

.p-l-6, .p-x-6 {
    padding-left: 6rem !important
}

.p-t-6, .p-y-6 {
    padding-top: 6rem !important
}

.p-b-6, .p-y-6 {
    padding-bottom: 6rem !important
}

.p-a-6 {
    padding: 6rem !important
}

.p-r-7, .p-x-7 {
    padding-right: 7rem !important
}

.p-l-7, .p-x-7 {
    padding-left: 7rem !important
}

.p-t-7, .p-y-7 {
    padding-top: 7rem !important
}

.p-b-7, .p-y-7 {
    padding-bottom: 7rem !important
}

.p-a-7 {
    padding: 7rem !important
}

.p-r-8, .p-x-8 {
    padding-right: 8rem !important
}

.p-l-8, .p-x-8 {
    padding-left: 8rem !important
}

.p-t-8, .p-y-8 {
    padding-top: 8rem !important
}

.p-b-8, .p-y-8 {
    padding-bottom: 8rem !important
}

.p-a-8 {
    padding: 8rem !important
}

.p-r-9, .p-x-9 {
    padding-right: 9rem !important
}

.p-l-9, .p-x-9 {
    padding-left: 9rem !important
}

.p-t-9, .p-y-9 {
    padding-top: 9rem !important
}

.p-b-9, .p-y-9 {
    padding-bottom: 9rem !important
}

.p-a-9 {
    padding: 9rem !important
}

.p-r-10, .p-x-10 {
    padding-right: 10rem !important
}

.p-l-10, .p-x-10 {
    padding-left: 10rem !important
}

.p-t-10, .p-y-10 {
    padding-top: 10rem !important
}

.p-b-10, .p-y-10 {
    padding-bottom: 10rem !important
}

.p-a-10 {
    padding: 10rem !important
}

.a-z-widget ul:after, .achievement-index.list-view .achievement-item.list-item:after, .achievement-index.list-view .news-item.list-item:after, .albums-wrapper .thumbnail:after, .calendar-tabs .tab-content ul:after, .clearfix:after, .department-default-index:after, .link-categories.list-view .list-view:after, .link-categories.list-view:after, .link-index.list-view .list-view:after, .link-index.list-view:after, .news-index.list-view .achievement-item.list-item:after, .news-index.list-view .news-item.list-item:after, .news-view .tool-buttons:after, .page-view .tool-buttons:after, .regulations-front-index:after, .two-column-list:after {
    content: '';
    clear: both;
    display: table
}

.countup-wrapper, .diagonal-news-box, .full-width-carousel-wrapper, .full-width-max {
    max-width: 1600px;
    margin: 0 auto
}

.calendar-tabs .tab-content ul li:nth-child(3n-2), .calendar-view.article-view .meta-info .label, .darken-bg, .news-view .meta-info .label, .news-view .summary, .page-view .meta-info .label, .page-view .summary, .tags span {
    background-color: #f5f5f5
}

.lighten-darken-bg, .link-categories-carousel .owl-item {
    background: #f7f7f7
}

.two-column-list li {
    float: left;
    width: 50%
}

.nav-tabs li.active a {
    background-color: transparent;
    border-bottom-color: #f2f2f2
}

body {
    font-family: Vazir, tahoma;
    font-weight: 300;
    line-height: 1.56;
    font-display: swap
}

a {
    color: #333;
    text-decoration: unset !important
}

.cardCourseFooter > .price, .seeAllCourseTwo a span, .seeAllCourseTwo > a, a:active, a:focus, a:hover {
    color: #000
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.5
}

.album-view .album .current-channel-title, .h1, h1 {
    font-size: 18px
}

.events-carousel-wrapper .owl-item .event .event-title a, .h2, h2 {
    font-size: 16px
}

#IranMap, .cartBodySlider > div, .h3, .seeAllAmazingWighet, h3 {
    font-size: 14px
}

.h5, h5 {
    font-size: 10px
}

.h6, h6 {
    font-size: 8px
}

.label {
    padding: .3em .6em .1em
}

.p-y-half {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.toggle-overflow-y {
    overflow-y: scroll !important
}

.carousel-news-section h4.title, .red-after-title {
    position: relative;
    font-size: 20px;
    display: inline-block;
    margin: 0 0 20px
}

.carousel-news-section h4.title::after, .red-after-title::after {
    background-color: #db1924;
    content: '';
    height: 5px;
    position: absolute;
    display: block;
    bottom: -7px;
    left: 0;
    width: 113%;
    clear: both
}

div.required label.control-label:after {
    content: " *";
    color: red
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(251, 120, 40, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background-color: #fb7828
}

.mCSB_container {
    right: 0 !important;
    margin-left: 20px;
    margin-right: 0 !important
}

.mCSB_scrollTools {
    right: auto !important;
    left: 0 !important;
    width: 6px !important
}

.breadcrumb, .home-layout-widget .list-group-item:first-child, .home-layout-widget .list-group-item:last-child {
    border-radius: 0
}

.divided-menu {
    list-style: none;
    padding: 0
}

.divided-menu li {
    display: inline-block;
    padding: 5px 3px
}

.divided-menu li:nth-child(n+2)::before {
    border-left: 1px solid #009292;
    margin-right: 6px
}

.divided-menu li:before {
    content: "";
    display: inline-block;
    height: 10px;
    vertical-align: middle
}

.owl-divided-items .owl-item.active + .owl-item.active:before {
    content: '';
    height: 100%;
    width: 1px;
    background-color: #d9d9d9;
    position: absolute
}

.more-link {
    text-align: right;
    padding: 5px 15px
}

.achievements .owl-custom-nav, .achievements-carousel .owl-nav, .calendar-tabs .title, .carousel-backg-title-color .title, .carousel-news-section .more-link, .intro-calendar .more-link, .main-carousel .owl-carousel .owl-nav, .more-link a i, .news-carousel-columns .carousel-caption .headline, .news-carousel-columns .carousel-caption p, .side-news-list .newslist-widget .more-link, .sub-main-carousel .more-link, .sub-main-carousel .owl-carousel .owl-nav, .sub-main-carousel .title, header .date-binder, header nav.navbar .navbar-nav.nav .dropdown-menu li > a i {
    display: none
}

.pagination li a {

    font-weight: 300
}

.main-content {
    margin-bottom: 30px;
    min-height: 200px
}

.title, .widget .title {
    color: #021651;
    margin: 0 0 10px
}

.news-section .newslist-widget ul {
    height: 375px;
    overflow: hidden
}

.contact-banners .title {
    margin: 10px 15px
}

.contact-banners .item {
    min-height: 126px;
    overflow: hidden
}

.contact-banners .item + .item, .mos-margin-bottom {
    margin-bottom: 5px
}

.contact-banners .item img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;'
}

.contactinfo-widget i, .contactinfo-widget p, .logo-carousel .owl-carousel .owl-item a, header .logo-wrapper .acecr-logo {
    display: inline
}

.logo-carousel .owl-carousel .owl-item img {
    width: auto;
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%)
}

.logo-carousel .owl-carousel .owl-item:hover img {
    -webkit-filter: none;
    filter: none
}

.achievement-index.list-view .achievement-item.list-item, .achievement-index.list-view .news-item.list-item, .news-index.list-view .achievement-item.list-item, .news-index.list-view .news-item.list-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-radius: 8px !important;
    border-bottom: 1px solid #f2f2f2
}

.achievement-index.list-view figure, .downloads .download .imageAndTitle img, .news-index.list-view figure {
    float: left;
    margin-right: 10px
}

.achievement-index.list-view figure img, .news-index.list-view figure img {
    width: 102px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.achievement-index.list-view .item-content, .news-index.list-view .item-content {
    margin-left: 112px
}

.achievement-index.list-view .item-content .title, .news-index.list-view .item-content .title {
    margin: 0 0 5px;
    font-size: 15px
}

.achievement-index.list-view .item-content .item-meta-data, .calendar-view.article-view .meta-info, .news-index.list-view .item-content .item-meta-data, .news-view .meta-info, .news-view .tool-buttons, .page-view .meta-info, .page-view .tool-buttons {
    color: #737373
}

.achievement-index.list-view .item-content .read-more, .achievement-index.list-view .item-content p, .news-index.list-view .item-content .read-more, .news-index.list-view .item-content p {
    display: none;
    margin-bottom: 0
}

.calendar-view figure img {
    width: auto;
    display: block;
    margin: 0 auto
}

.intro-calendar {
    margin-bottom: 30px
}

.calendar-view.article-view .meta-info .label, .news-view .meta-info .label, .page-view .meta-info .label {
    padding: .1em .6em
}

#widget-config-modal .modal-dialog .modal-body .modal-inner, .news-view .tool-buttons .btn, .page-view .tool-buttons .btn {
    padding: 0 15px
}

.carousel-backg-color .container-fluid, .home-layout-widget .list-group, .main-carousel .container-fluid, .nestedcategory-widget ul ul, .nestedpage-widget ul ul, .news-view .tool-buttons .btn:first-child, .page-view .tool-buttons .btn:first-child, .sub-main-carousel .container-fluid {
    padding: 0
}

.news-view .summary, .page-view .summary {
    padding: 15px;
    margin-top: 10px;
    border: 1px solid #ededed
}

.news-view .content, .news-view figure, .page-view .content, .page-view figure {
    margin: 15px 0 0
}

.news-view .content div img, .news-view .content figure img, .news-view .content img, .news-view .content p img, .news-view .content span img, .news-view figure div img, .news-view figure figure img, .news-view figure img, .news-view figure p img, .news-view figure span img, .page-view .content div img, .page-view .content figure img, .page-view .content img, .page-view .content p img, .page-view .content span img, .page-view figure div img, .page-view figure figure img, .page-view figure img, .page-view figure p img, .page-view figure span img {
    margin: 0 auto;
    max-width: 100%;
    height: 100% !important;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 480px) {
    .news-view figure, .page-view figure {
        float: left;
        max-width: 40%;
        margin: 15px 15px 15px 0
    }

    .news-view .content, .page-view .content {
        margin: 15px 0 0
    }
}

.categories-widget .title, .contactinfo-widget .title, .mostUsedTags-widget .title, .nestedcategory-widget .title, .nestedpage-widget .title, .news-widget-archive .title {
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 2px solid #009292
}

.nestedcategory-widget ul, .nestedpage-widget ul {
    margin: 0;
    list-style-type: none
}

.nestedcategory-widget ul li, .nestedpage-widget ul li {
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    border-left: 0 solid #009292
}

.nestedcategory-widget ul li a, .nestedpage-widget ul li a {
    display: block;
    padding: 5px 20px;
    border-bottom: 1px solid #ededed
}

.categories-widget ul li.active, .categories-widget ul li:hover, .mostUsedTags-widget ul li.active, .mostUsedTags-widget ul li:hover, .nestedcategory-widget ul li:hover, .nestedpage-widget ul li:hover {
    border-left-width: 2px
}

.nestedcategory-widget ul li.active, .nestedpage-widget ul li.active {
    padding: 5px 20px;
    border-left-width: 2px;
    border-bottom: 1px solid #ededed
}

.nestedcategory-widget ul li.parent a, .nestedcategory-widget ul li.parent.active, .nestedpage-widget ul li.parent a, .nestedpage-widget ul li.parent.active {
    padding-left: 15px
}

.nestedcategory-widget ul li:last-child, .nestedpage-widget ul li:last-child {
    border-bottom: 0
}

.nestedcategory-widget ul ul li a, .nestedpage-widget ul ul li a {
    padding-left: 40px
}

.categories-widget ul li, .mostUsedTags-widget ul li {
    padding: 7px 15px;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    border-left: 0 solid #009292;
    border-bottom: 1px solid #ededed
}

.categories-widget ul li:last-child, .mostUsedTags-widget ul li:last-child {
    border-bottom: none
}

.album-view .album .shots, .controls, .data-table, .department-default-index, .regulations-front-index {
    margin-top: 20px
}

.banners-section {
    background-color: #009292
}

.banners-section .widget {
    margin-bottom: 60px;
    padding: 5px;
    background-color: #fff
}

.banners-section .widget .title {
    text-align: center;
    background: #009292;
    margin: -5px -5px 5px
}

.banners-section .listed-banners .banner-item:not(:last-child) {
    margin-bottom: 3px
}

.oneColumn-carousel-banner .item a > img {
    -o-object-fit: contain;
    object-fit: contain
}

.oneColumn-carousel-banner .item .item-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0 15px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: linear-gradient(to bottom, transparent, #000)
}

.achievements-carousel .owl-item .thumbnail .caption .item-category a, .achievements-carousel .owl-item .thumbnail .caption .item-title a, .oneColumn-carousel-banner .item .item-title a {
    font-weight: 500;
    color: #fff
}

.achievements-carousel .owl-item .thumbnail .caption .item-category a:hover, .achievements-carousel .owl-item .thumbnail .caption .item-title a:hover, .events-carousel-wrapper .owl-item .event .event-title a:hover, .oneColumn-carousel-banner .item .item-title a:hover {
    color: #bfbfbf
}

.achievements-carousel .owl-item:hover .thumbnail .caption, .oneColumn-carousel-banner .item:hover .item-title {
    height: auto;
    padding: 15px
}

@media print {
    body, h1 {
        color: #000
    }

    body {
        background: #fff
    }

    a[href]:after {
        content: none
    }

    h1 {
        background: 0 0
    }

    article, body {
        width: 100%;
        margin: 0;
        padding: 0
    }

    @page {
        margin: 2cm
    }

    .content {
        text-align: justify
    }

    header {
        border: 0 !important;
        border-bottom: 1px solid #000 !important
    }

    blockquote, header {
        background: #ccc
    }

    .comment-form, .menu-wrapper, .rating-container, .tool-buttons {
        display: none
    }
}

.carousel-news-section .owl-item {
    height: 460px;
    overflow: hidden;
    margin-bottom: 15px;
    background: #fff
}

.carousel-news-section .owl-item img {
    width: 100%;
    max-height: 190px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -webkit-transition: 170ms linear;
    -o-transition: 170ms linear;
    transition: 170ms linear
}

.carousel-news-section .owl-item:hover, .cursor-pointer, .links-dropdown-menu li.init, .postsWorkGroup a {
    cursor: pointer
}

.carousel-news-section .owl-item:hover img {
    -webkit-filter: grayscale(6);
    filter: grayscale(6);
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

.carousel-news-section .owl-dots {
    left: 0;
    right: 0;
    bottom: -37px;
    margin: 0 auto;
    max-width: 50%;
    position: absolute
}

.carousel-news-section .carousel-caption {
    padding: 20px 25px 0;
    min-height: 215px;
    position: initial;
    text-shadow: none;
    text-align: justify
}

.carousel-news-section .carousel-caption .headline {
    display: block;
    margin-bottom: 10px;
    color: #333
}

.carousel-news-section .carousel-caption a:hover {
    color: #000104
}

.carousel-news-section .carousel-caption h2 {
    -webkit-transition: 350ms linear;
    -o-transition: 350ms linear;
    transition: 350ms linear;
    margin: 0 0 10px;
    font-size: 16px;
    color: #000 !important
}

.carousel-news-section .carousel-caption p {
    color: #333
}

.logo-carousel-wrapper {
    background: #f9f9f9;
    border-bottom: 2px solid #c9c9c9
}

.logo-carousel-wrapper .owl-theme .owl-item.active + .owl-item.active:before {
    content: '';
    width: 1px;
    height: 95%;
    right: -15px;
    position: absolute;
    background-color: #ccc
}

.logo-carousel-wrapper .owl-theme .owl-item img, .simple-gallery-widget #gallery_slider .owl-item img, .simple-gallery-widget #gallery_thumbnails .owl-item img {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;'
}

.logo-carousel-wrapper .logo-carousel .owl-item h4.title {
    text-align: center !important
}

.logo-carousel-wrapper .logo-carousel .owl-item h4.title a {
    color: #404040 !important;
    font-size: 12px
}

.intro-slider-and-news .newslist-widget ul li {
    border-bottom: 1px solid #bcbcbc !important
}

.carousel-caption, .intro-slider-and-news .newslist-widget ul:after, .search-results .gcsc-branding, .search-results .gsc-above-wrapper-area, .search-results .gsc-adBlock {
    display: none !important
}

.side-news-list .newslist-widget ul li {
    border-bottom: 0 !important
}

.side-news-list .newslist-widget ul:after {
    background: linear-gradient(to top, #f5f5f5, rgba(255, 255, 255, 0))
}

.news-banner-box .news-carousel-box-wrapper h4.title {
    font-size: 19px;
    padding: 11px 9px;
    margin-bottom: 0;
    color: #009292
}

.full-width-carousel .item .banner-title a:hover, .inner-top .login-register .dropdown-menu a, .link-categories-carousel .owl-item .content-wrapper .details ul a:hover, .news-banner-box .news-carousel-box-wrapper h4.title a, .newslist-widget.most-viewed ul li a:hover {
    color: #009292
}

.achievements, .events-carousel-wrapper .owl-item .event .event-title, .link-categories-carousel .owl-item .content-wrapper, .main-carousel, .news-banner-box .owl-carousel .owl-item, .sub-main-carousel, header .container, header .menu-wrapper .container, header nav.navbar .navbar-nav.nav .dropdown-menu li {
    position: relative
}

.news-banner-box .owl-carousel .owl-item img {
    width: 100%;
    max-height: 230px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -webkit-transition: 170ms linear;
    -o-transition: 170ms linear;
    transition: 170ms linear
}

.news-banner-box .owl-carousel .carousel-caption {
    position: initial;
    text-align: left;
    color: #009292;
    text-shadow: none;
    padding: 20px 25px;
    height: 146px
}

.news-banner-box .owl-carousel .carousel-caption h4 {
    font-size: 15px !important;
    padding-bottom: 5px;
    color: #009292
}

.news-banner-box .owl-carousel .carousel-caption h2 {
    font-size: 1.456rem;
    color: #404040;
    font-weight: 400
}

.news-banner-box .owl-carousel .carousel-caption p {
    font-size: 13px !important;
    color: #4a4a4a !important
}

.calendar-tabs .tab-content ul, .home-layout-config .form-group, .home-layout-config .form-group label > label, .home-layout-widget .form-group label > label, .news-banner-box .owl-carousel .carousel-caption *, .news-item p, .newslist-widget.full-detail-list.intro-full-details .item .item-details, .sub-main-carousel .carousel-caption h2, .text-line, .today-event-wrapper .today-event-details .event-title {
    margin: 0
}

.news-banner-box .owl-carousel .owl-dots .owl-dot.active span, .news-banner-box .owl-carousel .owl-dots .owl-dot:hover span {
    background: #b0b0b0 !important
}

.main-carousel .owl-carousel .owl-dots .owl-dot.active span, .main-carousel .owl-carousel .owl-dots .owl-dot:hover span, .news-carousel-columns .owl-theme .owl-dots .owl-dot.active span, .news-carousel-columns .owl-theme .owl-dots .owl-dot:hover span, header {
    background: #021651
}

.news-banner-box .owl-carousel .owl-nav.disabled + .owl-dots {
    margin-top: -10px
}

.news-banner-box .owl-carousel .owl-dots {
    margin-top: 15px;
    position: initial;
    text-align: center
}

@media only screen and (min-width: 1199px) {
    .news-banner-box .owl-carousel .owl-dots {
        position: absolute;
        bottom: -2.8rem
    }
}

.news-banner-box .owl-carousel .owl-dots span {
    height: 7px !important;
    width: 7px !important;
    background: #7d7d7d !important
}

.news-banner-box .more-link {
    bottom: .5rem;
    margin-top: -4px;
    padding: 10px 15px;
    border-top: 1px solid #7d7d7d;
    position: relative
}

.news-banner-box .more-link a {
    color: #bebebe;
    font-weight: 100
}

.drop-down-link-box {
    position: relative;
    background: #009292;
    padding: 0 30px;
    min-height: 220px
}

.drop-down-link-box h4.title {
    font-size: 19px;
    padding: 10px 0;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.drop-down-link-box button {
    position: absolute;
    bottom: 40px;
    left: 31px;
    margin-top: 10px;
    border-radius: 0;
    border: 0;
    background: #fb7828;
    padding: 5px 15px;
    z-index: 1
}

.albums-list-widget .title, .countup-wrapper .item, .drop-down-link-box button a, .events-carousel-wrapper .owl-item .event .event-holding-date, .events-carousel-wrapper .title, .sub-main-carousel .carousel-caption a {
    color: #fff
}

.links-dropdown-menu {
    top: 40px;
    z-index: 2;
    max-height: 145px;
    overflow-y: hidden;
    width: 100%;
    position: relative;
    background: linear-gradient(360deg, #ebebeb -10%, #fff 65%)
}

.links-dropdown-menu::-webkit-scrollbar-track {
    background-color: #f5f5f5
}

.links-dropdown-menu::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5
}

.links-dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #009292
}

.links-dropdown-menu li {
    padding: 5px 10px;
    z-index: 2;
    -webkit-transition: 230ms linear;
    -o-transition: 230ms linear;
    transition: 230ms linear
}

.links-dropdown-menu li:not(.init) {
    width: 100%;
    display: none;
    color: #e5e5e5;
    background: #ebebeb
}

.links-dropdown-menu li.selected:not(.init), .links-dropdown-menu li:not(.init):hover {
    background: #fff
}

.vertical-banners.aside-thumb-banners .col-xs-12.col-sm-12 {
    padding-left: 0;
    padding-right: 0
}

.sub-site > .widget-config > i {
    left: 0;
    top: 200px;
    z-index: 999;
    padding: 10px;
    color: #fff;
    position: absolute;
    border-radius: 0 5px 5px 0;
    background-color: rgba(0, 0, 0, .7)
}

.sub-site > .widget-config > i:before {
    content: '\f26c';
    font-size: 1.5em
}

.home-layout-config .block {
    margin: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #e6e6e6
}

.divar-menu .current > a, .home-layout-config .block .block-selector, .home-layout-widget .list-group-item .block-label {
    font-weight: 700
}

.home-layout-config .form-group label, .home-layout-widget .form-group label {
    margin-top: 0;
    font-weight: 400;
    vertical-align: super
}

.home-layout-config .form-group .widget-shape {
    font-size: 13px;
    text-align: center;
    padding: 5px 10px;
    background-color: #f2f2f2;
    border: 1px solid #d9d9d9
}

.carousel-backg-color .owl-item h2 {
    left: 10%
}

.homeLayout-config-icon {
    position: fixed;
    top: 200px;
    left: 0;
    z-index: 999;
    line-height: 1.5;
    font-size: 1.5em;
    padding: 10px 15px;
    color: #fff !important;
    background-color: #fb7828;
    border-radius: 5px 5px 0 0 !important;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .3);
    box-shadow: 0 0 2px rgba(0, 0, 0, .3)
}

.homeLayout-config-icon:before {
    content: '\f0ec'
}

.counter-main .countup-wrapper {
    background-color: #021651 !important;
    background-image: unset
}

.products-index .thumbnail a > img {
    max-height: 165px
}

.products-index .caption {
    height: 76px;
    overflow: hidden
}

.home-middle-banner .title-banner, .map .title-banner {
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    color: #021651;
    font-family: Vazir, tahoma
}

.homeslider .more-link {
    position: absolute;
    top: 11px;
    right: 82%
}

.album-cultur1 {
    background-color: #009292 !important
}

.inner-top .login-register {
    color: #fff;
    position: absolute;
    left: 220px;
    text-align: center;
    padding: 5px
}

@media only screen and (max-width: 480px) {
    .inner-top .login-register {
        left: 170px;
        border: unset
    }
}

.inner-top .login-register a {
    color: #fff;
    font-weight: 700
}

@font-face {
    font-family: Vazir;
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Black-FD.eot");
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Black-FD.eot");
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Black-FD.eot?#iefix") format("embedded-opentype"), url("static/Base/fonts/Vazir/Farsi-Digits/Vazir-Black-FD.woff") format("woff"), url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Black-FD.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Vazir;
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Bold-FD.eot");
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Bold-FD.eot?#iefix") format("embedded-opentype"), url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Bold-FD.woff") format("woff"), url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Bold-FD.woff2") format("woff2");
    font-weight: 500;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Vazir;
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Medium-FD.eot");
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Medium-FD.eot?#iefix") format("embedded-opentype"), url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Medium-FD.woff") format("woff"), url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Medium-FD.woff2") format("woff2");
    font-weight: 300;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Vazir;
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Regular-FD.eot");
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Regular-FD.eot?#iefix") format("embedded-opentype"), url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Regular-FD.woff") format("woff"), url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Regular-FD.woff2") format("woff2");
    font-display: swap
}

@font-face {
    font-family: VazirFarsiNumerals;
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Regular-FD.eot");
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Regular-FD.eot?#iefix") format("embedded-opentype"), url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Regular-FD.woff") format("woff"), url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Regular-FD.woff2") format("woff2");
    font-weight: 300;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: VazirFarsiNumerals;
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Bold-FD.eot");
    src: url("/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Bold-FD.eot?#iefix") format("embedded-opentype"), url("../../../../../../Base/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Bold-FD.woff") format("woff"), url("../../../../../../Base/static/Base/fonts/Vazir/Farsi-Digits/Vazir-Bold-FD.woff2") format("woff2");
    font-weight: 700;
    font-display: swap;
    font-style: normal
}

header {
    position: relative;
    margin-bottom: 2px;
    z-index: 4
}

.dropdown-item:hover, header .nav .open > a, header .nav .open > a:focus, header .nav .open > a:hover {
    background: 0 0 !important
}

header .inner-top, header nav.navbar .navbar-nav.nav > li > a:focus:after, header nav.navbar .navbar-nav.nav > li > a:hover:after {
    width: 100%
}

header .logo-wrapper {
    padding: 5px 0;
    float: left
}

header .logo-wrapper .site-logo {
    width: auto;
    display: inline;
    max-height: 88px;
    max-width: 150px;
    margin-left: 5px
}

@media only screen and (min-width: 480px) {
    header .inner-top {
        min-height: 88px
    }

    header .logo-wrapper .site-logo {
        max-width: initial
    }
}

#widget-config-modal .modal-dialog .modal-body [class*=col-], header .header-bg-wrapper {
    float: right
}

header .menu-wrapper {
    position: relative;
    background-color: #009292;
    border-bottom: 4px solid #00dfdf
}

header .menu-wrapper:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 2px;
    background: #fb7828
}

header .menu-wrapper.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    margin-top: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    background-color: rgba(0, 146, 146, .9)
}

header .navbar-toggle {
    margin-right: 0;
    margin-left: 0
}

.calendar-tabs .nav-tabs, .calendar-tabs .tab-content, header .navbar-toggle .icon-bar {
    background-color: #fff
}

header .navbar-wrapper {
    margin-top: 0
}

.navbar-toggler:focus {
    box-shadow: none !important
}

header nav.navbar .navbar-nav.nav > li > a {
    padding: 15px 5px;
    font-weight: 500;
    color: #fff
}

header nav.navbar .navbar-nav.nav > li > a:focus, header nav.navbar .navbar-nav.nav > li > a:hover {
    text-decoration: none;
    background-color: transparent
}

header nav.navbar .navbar-nav.nav .dropdown-menu {
    border: 0;
    border-radius: 0
}

header nav.navbar .navbar-nav.nav .dropdown-menu li > a {
    color: #fff;
    background: 0 0
}

header nav.navbar .navbar-nav.nav .dropdown-menu li > a:before {
    content: '\f105';
    font-family: FontAwesome;
    margin-right: 5px
}

header nav.navbar .navbar-nav.nav .dropdown-menu li > a:hover {
    color: #e6e6e6;
    text-decoration: underline
}

header nav.navbar .navbar-nav.nav .dropdown-menu li:hover > ul {
    top: 0;
    left: 100%;
    display: block;
    position: absolute
}

header nav.navbar .navbar-collapse {
    padding: 0;
    float: left
}

header nav.navbar .navbar-collapse > .nav {
    max-height: unset;
    overflow: unset
}

@media (max-width: 1023px) {
    header .navbar-wrapper {
        width: 100%
    }

    header .navbar-header, header .navbar-nav li {
        float: none
    }

    header .navbar-left, header .navbar-nav, header .navbar-right {
        float: none !important
    }

    header .navbar-toggle {
        display: block
    }

    header .navbar-collapse {
        width: 100%;
        border-top: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }

    header .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    header .navbar-nav {
        margin: 0
    }

    header .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    header .navbar-nav li a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    header .collapse.in {
        display: block !important
    }
}

header .test-version {
    color: red;
    border: 2px solid red;
    border-radius: 4px;
    position: absolute;
    margin: 15px;
    padding: 0 5px;
    font-weight: 500
}

.owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav [class*=owl-] {
    margin: 5px;
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    top: -30px;
    color: rgba(251, 120, 40, .6);
    padding: 10px 10px 0;
    background-color: transparent;
    text-shadow: 0 0 2px rgba(0, 0, 0, .2)
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: #fb7828;
    text-decoration: none;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    background-color: transparent
}

.owl-theme .owl-nav .owl-prev {
    left: 10px
}

.owl-theme .owl-nav .owl-next {
    right: 10px
}

.owl-theme .owl-dots {
    left: 20%;
    right: 20%;
    position: absolute;
    text-align: center
}

.owl-theme .owl-dots .owl-dot {
    zoom: 1;
    display: inline-block
}

.owl-custom-nav .owl-custom-next, .owl-custom-nav .owl-custom-prev {
    top: 50%;
    z-index: 99;
    color: #fff;
    font-size: 1.7em;
    border-radius: 0;
    padding: 30px 15px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ccc
}

.owl-custom-nav .owl-custom-next:hover, .owl-custom-nav .owl-custom-prev:hover {
    background-color: #d9d9d9
}

.owl-custom-nav .owl-custom-prev {
    left: 0
}

.owl-custom-nav .owl-custom-next {
    right: 0
}

.carousel-backg-color .row, .carousel-backg-color .widget, .main-carousel .row, .main-carousel .widget, .sub-main-carousel .row, .sub-main-carousel .widget {
    margin: 0;
    padding: 0
}

.main-carousel .title {
    top: 0;
    left: 0;
    z-index: 99;
    padding: 15px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    background: rgba(0, 0, 0, .4)
}

.main-carousel .owl-carousel .owl-item > div, .sub-main-carousel .owl-carousel .owl-item > div {
    display: table
}

.main-carousel .owl-carousel .owl-item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    margin: 0 auto
}

@media only screen and (min-width: 992px) {
    .achievement-index.list-view .news-item.list-item, .news-index.list-view .news-item.list-item {
        margin-bottom: 15px;
        padding-bottom: 15px
    }

    .achievement-index.list-view figure img, .news-index.list-view figure img {
        width: 170px;
        height: 100px
    }

    .achievement-index.list-view .item-content, .news-index.list-view .item-content {
        margin-left: 180px
    }

    .achievement-index.list-view .item-content p, .news-index.list-view .item-content p {
        display: block
    }

    .news-view .tool-buttons > *, .page-view .tool-buttons > * {
        float: right
    }

    .banners-section .widget {
        margin-bottom: 30px
    }

    .intro-slider-and-news .newslist-widget ul, .side-news-list .newslist-widget ul {
        height: 395px
    }

    .main-carousel .owl-carousel .owl-item img {
        max-height: 400px
    }
}

.main-carousel .owl-carousel .owl-nav i.fa, .sub-main-carousel .owl-carousel .owl-nav i.fa {
    font-size: 1.5em
}

.main-carousel .owl-carousel .owl-dots {
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    position: absolute
}

.achievements:hover .owl-custom-nav, .divar-menu .current .arrow-shadow, .main-carousel .owl-carousel:hover .owl-nav, .sub-main-carousel .owl-carousel:hover .owl-nav {
    display: block
}

.main-carousel .carousel-caption {
    margin: 0;
    padding: 0;
    display: table-header-group;
    color: inherit;
    text-align: left;
    overflow: hidden;
    max-height: 300px;
    position: inherit;
    text-shadow: none
}

.main-carousel .carousel-caption h2 {
    margin: 0 0 5px
}

.sub-main-carousel .owl-carousel .owl-item img {
    width: 100%;
    max-height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .banners-section .widget .title {
        text-align: left;
        color: #fff
    }

    .banners-section .widget .title a {
        color: #fff
    }

    .sub-main-carousel .owl-carousel .owl-item img {
        max-height: 320px
    }
}

@media only screen and (min-width: 992px) {
    .sub-main-carousel .owl-carousel .owl-item img {
        max-height: 400px
    }

    .newslist-widget ul {
        height: 330px
    }

    .newslist-widget ul:after {
        content: '';
        left: 0;
        bottom: 0;
        right: 0;
        height: 30px;
        position: absolute;
        background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0))
    }
}

@media only screen and (min-width: 1200px) {
    header nav.navbar .navbar-nav.nav > li > a {
        padding: 15px 8px
    }

    .main-carousel .owl-carousel .owl-item img, .sub-main-carousel .owl-carousel .owl-item img {
        max-height: 500px
    }
}

.sub-main-carousel .owl-carousel .owl-dots {
    right: 0;
    left: auto;
    bottom: 0;
    margin: 0;
    padding: 0 30px;
    position: absolute
}

.sub-main-carousel .owl-carousel .owl-dots .owl-dot.active span, .sub-main-carousel .owl-carousel .owl-dots .owl-dot:hover span {
    background: #009292
}

.sub-main-carousel .carousel-caption {
    margin: 0;
    padding: 30px;
    color: #fff;
    text-align: left;
    overflow: hidden;
    text-shadow: none;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, #000, transparent)
}

.sub-main-carousel .carousel-caption .headline {
    font-size: 17px;
    color: #ccc
}

@media (max-width: 1024px) {
    .today-event-box {
        margin-top: 20px
    }

    .news-section {
        padding-bottom: unset !important
    }

    .news-carousel-columns {
        margin-right: 0;
        margin-left: 0;
        margin-top: 20px
    }
}

.news-carousel-columns .owl-item {
    height: auto;
    overflow: hidden;
    margin-bottom: 15px
}

.news-carousel-columns .owl-item:hover img, .newslist-widget.full-detail-list .item:hover .item-thumbnail img {
    filter: brightness(110%) contrast(110%);
    -webkit-filter: brightness(110%) contrast(110%)
}

.news-carousel-columns .owl-item:after {
    content: '';
    left: 0;
    bottom: 0;
    right: 0;
    height: 30px;
    position: absolute;
    background: linear-gradient(to top, #ededed, rgba(237, 237, 237, .1))
}

.news-carousel-columns .owl-item img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;';
    background-color: #ededed
}

@media (min-width: 1200px) {
    .news-carousel-columns .owl-item img {
        height: 182px
    }
}

.news-carousel-columns .owl-dots {
    left: 0;
    right: 0;
    margin: 0;
    bottom: -37px;
    position: absolute
}

.news-carousel-columns .owl-theme .owl-dots .owl-dot span {
    background: #fff;
    width: 8px;
    height: 8px
}

.news-carousel-columns .carousel-caption {
    padding: 0;
    text-align: left;
    position: initial;
    text-shadow: none
}

.news-carousel-columns .carousel-caption h2 {
    margin: 10px 0;
    font-size: 16px
}

.newslist-widget ul {
    margin: 0;
    list-style: none;
    overflow: hidden;
    position: relative
}

.newslist-widget ul li {
    font-weight: 400;
    padding: 8px 0
}

.newslist-widget ul li:not(:last-child), .newslist-widget.full-detail-list .item:not(:last-child) {
    border-bottom: 1px solid #e6e6e6
}

.newslist-widget .most-viewed ul {
    height: 320px !important
}

.newslist-widget.full-detail-list .title {
    background-color: #fff;
    display: inline-block;
    padding: 0 20px 2px 0
}

.newslist-widget.full-detail-list .items-wrapper, .newslist-widget.most-viewed ul {
    height: 310px;
    margin-top: -25px;
    padding: 20px 10px 10px;
    border: 1px solid #e6e6e6
}

.newslist-widget.full-detail-list .items-wrapper.mCustomScrollbar, .newslist-widget.most-viewed ul.mCustomScrollbar {
    padding-left: 0;
    border-left: 0
}

.newslist-widget.full-detail-list .item {
    clear: both;
    display: table;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px
}

#widget-config-modal .modal-dialog .modal-header .close, .link-categories.list-view .list-view .category-item figure, .link-categories.list-view .list-view .link-item figure, .link-index.list-view .list-view .category-item figure, .link-index.list-view .list-view .link-item figure, .newslist-widget.full-detail-list .item .item-thumbnail {
    float: left
}

.newslist-widget.full-detail-list .item .item-thumbnail img, .postsImageWorkGroup_img {
    width: 100px;
    height: 67px;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;'
}

.search-results *, [data-balloon] {
    font-family: Vazir, tahoma
}

.newslist-widget.full-detail-list .item .item-details {
    margin-left: 110px
}

.albums-list-widget ul li .content-wrapper .album-item-title, .newslist-widget.full-detail-list .item .item-details .item-title {
    margin: 0;
    font-size: 14px
}

.newslist-widget.full-detail-list .item .item-details .meta-info {
    color: #a9a9a9;
    font-size: .7em
}

.newslist-widget.full-detail-list .item .item-details .meta-info .label {
    background-color: #e6e6e6;
    margin-left: 3px
}

.newslist-widget.full-detail-list .item .item-details .meta-info .label a {
    color: #666
}

.newslist-widget.full-detail-list .item .item-details .summary {
    height: 49px;
    display: none;
    margin-top: 10px;
    overflow: hidden;
    position: relative
}

.newslist-widget.full-detail-list .item .item-details .summary:after {
    content: '';
    left: 0;
    bottom: 0;
    right: 0;
    height: 15px;
    position: absolute;
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, .1))
}

.newslist-widget.full-detail-list.intro-full-details .title {
    border-bottom: 1px solid #fb7828
}

.newslist-widget.full-detail-list.intro-full-details .items-wrapper {
    height: 415px
}

.newslist-widget.full-detail-list.intro-full-details .items-wrapper.mCustomScrollbar, .simple-gallery-widget #gallery_slider .owl-item, .simple-gallery-widget #gallery_thumbnails .owl-item {
    border: 0
}

.newslist-widget.full-detail-list.intro-full-details .item .item-thumbnail {
    display: none;
    float: none
}

.newslist-widget.full-detail-list.intro-full-details .item .item-details .item-title:before {
    content: '\f09e';
    font-family: FontAwesome;
    color: #009292
}

.newslist-widget.full-detail-list.intro-full-details .item .item-details .summary {
    height: auto;
    display: block;
    color: #737373;
    max-height: 49px;
    font-size: small
}

.calendar-view.article-view .content, .newslist-widget.full-detail-list .more-link {
    margin-top: 15px
}

.newslist-widget.most-viewed .title {
    background-color: #fff;
    display: inline-block;
    padding: 0 20px 2px 0;
    position: relative;
    z-index: 99
}

.achievements-carousel .owl-item .thumbnail {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent
}

.achievements-carousel .owl-item .thumbnail a > img, .events-carousel-wrapper .owl-item img {
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;'
}

.achievements-carousel .owl-item .thumbnail .caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    padding: 0 15px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: linear-gradient(to bottom, transparent, #000)
}

.achievements-carousel .owl-item .thumbnail .caption .item-title {
    font-size: 16px;
    margin: 10px 0
}

.calendar-tabs, .contactinfo-widget, .major-header {
    margin-bottom: 15px
}

.calendar-tabs .nav-tabs li a {
    border: 0;
    border-radius: 0;
    font-weight: 500
}

.calendar-tabs .tab-content ul li {
    width: 50%;
    float: left;
    padding: 15px;
    height: 150px;
    overflow: hidden
}

.calendar-index.list-view .calendar-item .date-box, .calendar-tabs .tab-content ul li .date-box {
    color: #fff;
    padding: 3px;
    text-align: center;
    margin-bottom: 5px;
    background-color: #fb7828
}

.calendar-tabs .tab-content ul li a {
    font-size: .86em
}

.calendar-tabs .tab-content .more-link .calendar-file i {
    font-size: 1.2em;
    display: inline-block
}

.link-categories-carousel h4.title {
    text-align: left;
    font-size: 19px;
    padding: 11px 9px;
    margin-bottom: 0;
    color: #009292
}

.link-categories-carousel .owl-item {
    height: 460px;
    overflow: hidden;
    margin-bottom: 15px
}

.link-categories-carousel .owl-item .content-wrapper img {
    width: 100%;
    max-height: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -webkit-transition: 170ms linear;
    transition: 170ms linear
}

.board-doute p, .link-categories-carousel .owl-item .content-wrapper .details, .today-event-wrapper .today-event-details {
    padding: 15px
}

.link-categories-carousel .owl-item .content-wrapper .details .title {
    color: #009292;
    text-align: left;
    margin: 0;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative
}

.link-categories-carousel .owl-item .content-wrapper .details ul {
    margin: 10px 0 0;
    text-align: left
}

.link-categories-carousel .owl-item .content-wrapper .details ul a {
    font-size: 1em;
    color: #404040
}

.link-categories-carousel .owl-item .content-wrapper .details ul a i {
    font-size: 6.5px
}

.link-categories-carousel .more {
    margin-top: -4px;
    padding: 10px 15px;
    border-top: 1px solid #b7b7b7;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: right
}

.link-categories-carousel .more a {
    color: #bebebe;
    font-weight: 300
}

.a-z-widget .title {
    margin: 0;
    padding: 10px 15px;
    color: #009292;
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9
}

.a-z-widget ul {
    padding: 10px 15px;
    margin-bottom: 17px;
    background-color: #fff
}

.a-z-widget ul li {
    width: 50%;
    float: left;
    padding: 3px
}

.thesis-widget {
    background-color: #009292;
    padding: 20px 0;
    margin-bottom: 15px
}

.thesis-widget .thesis-body, .thesis-widget .thesis-header {
    padding: 0 20px
}

.thesis-widget .thesis-header .title {
    color: #fff;
    margin-top: 0;
    text-transform: capitalize
}

.thesis-widget .thesis-body {
    margin-bottom: 20px
}

.albums-list-widget, .newest-download-widget .download-item:not(last-child), .thesis-widget .thesis-body .form-group {
    margin-bottom: 10px
}

.thesis-widget .thesis-footer {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #fff
}

.thesis-widget .thesis-footer a {
    color: #fff;
    font-size: 1.2em;
    font-weight: 500
}

.thesis-widget .thesis-footer a:hover {
    color: #b3b3b3
}

.albums-wrapper {
    margin-top: 20px;
    margin-bottom: 30px
}

.albums-wrapper .thumbnail {
    padding: 0 0 10px;
    border: 0;
    border-radius: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ededed
}

.albums-wrapper .thumbnail > a {
    float: left;
    position: relative;
    display: block
}

.carousel-backg-color .owl-item h2, .carousel-backg-title-color .owl-item h2 {
    position: absolute !important;
    background-color: #414141 !important;
    padding: 20px !important
}

.albums-wrapper .thumbnail > a img {
    width: 102px;
    height: 60px;
    margin-right: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.albums-wrapper .thumbnail > a .images-count {
    left: 3px;
    bottom: 3px;
    color: #fff;
    position: absolute;
    padding: 3px 5px 0;
    background-color: rgba(0, 0, 0, .7)
}

.albums-wrapper .thumbnail .caption {
    margin-left: 112px;
    padding: 0
}

.albums-wrapper .thumbnail .caption .title {
    font-size: 18px;
    margin: 0 0 5px
}

.albums-list-widget .albums-carousel .owl-item .album-details .album-title, .albums-list-widget ul li:last-child, .albums-wrapper .thumbnail .caption p {
    margin-bottom: 0
}

.album-view .album .album-info .label {
    color: #4d4d4d;
    padding: 2px 6px 0;
    background-color: #d9d9d9
}

.album-view .album .album-info .label + .label {
    margin-left: 5px
}

.album-view .album .shots .thumbnail {
    border: 0 #ededed;
    padding: 0;
    border-radius: 0;
    margin-bottom: 8px
}

.album-view .album .shots .thumbnail a {
    position: relative;
    display: inline-block
}

.album-view .album .shots .thumbnail a:after {
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 1.5em;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.album-view .album .shots .thumbnail a.video-link:after {
    content: '\f01d'
}

.album-view .album .shots .thumbnail a.image-link:after {
    content: '\f03e'
}

.album-view .album .shots .thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    height: 88px
}

.albums-list-widget.categories-widget {
    padding-right: 15px;
    border-right: 1px solid #ccc
}

.albums-list-widget ul {
    border: 0;
    overflow: hidden
}

.albums-list-widget ul li {
    position: relative;
    display: table;
    width: 100%;
    clear: both;
    padding: 0 0 10px;
    margin-bottom: 10px;
    background-color: #fff
}

.albums-list-widget ul li .thumb-wrapper {
    float: left;
    width: 100px
}

.albums-list-widget ul li .content-wrapper {
    margin-left: 107px
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .albums-list-widget ul li {
        display: block !important
    }

    .albums-list-widget ul .thumb-wrapper {
        margin-bottom: 10px;
        float: none !important;
        width: auto !important
    }

    .albums-list-widget ul .content-wrapper {
        margin-left: 0 !important
    }
}

.albums-list-section, .events-section {
    background-color: #021651
}

.albums-list-widget .albums-carousel .owl-item {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.albums-list-widget .albums-carousel .owl-item img.imageTag {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: contain;';
    background-color: #ededed;
    filter: brightness(80%);
    -webkit-filter: brightness(80%)
}

.album-thumbnail > a:hover, .lineUpHeader > a:hover, .paginationItem.active .paginationItemLink:hover, .paginationItem.active .paginationItemLink:hover a {
    opacity: 1 !important
}

.album-details[data-type-animate=fixed-floating] {
    justify-content: center !important;
    align-items: center !important;
    visibility: visible !important
}

.albums-carousel .owl-item:hover .album-details[data-type-animate=fixed-floating] {
    height: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    visibility: visible !important
}

.album-details[data-type-animate=noTitle] {
    display: none !important;
    visibility: hidden !important
}

.album-details[data-type-animate=floating] {
    height: 0
}

.album-details[data-type-animate=fixed] {
    visibility: visible !important
}

.albums-list-widget .albums-carousel .owl-item .album-details {
    position: absolute;
    color: #fff;
    bottom: 0;
    padding: 0 15px;
    width: 100%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: linear-gradient(to bottom, transparent, #000)
}

.albums-list-widget .albums-carousel .owl-item .album-details .album-description * {
    margin: 0;
    font-size: 1em;
    font-weight: 400
}

.albums-list-widget .albums-carousel .owl-item:hover img {
    filter: brightness(100%) contrast(105%);
    -webkit-filter: brightness(100%) contrast(105%)
}

.albums-list-widget .more-link {
    border-top: 0
}

.sitemap-index .sitemap-menu {
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed
}

.countup-wrapper {
    background-attachment: fixed;
    background-position: center;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-repeat: no-repeat;
    background-size: cover
}

.countup-wrapper .item img {
    width: auto !important;
    margin-bottom: 30px
}

.countup-wrapper .item span {
    display: block;
    font-size: 1.4em;
    font-weight: 500
}

.countup-wrapper .item span.counter {
    font-size: 3em;
    margin-top: 10px;
    margin-bottom: 0
}

.countup-wrapper .owl-carousel .owl-dots {
    bottom: -35px
}

.countup-wrapper .counter-items-outer {
    border-radius: 100%;
    border: 2.5px solid #f0e8e7;
    width: 205px;
    height: 205px;
    padding: 13px
}

@supports (-webkit-background-clip:text) and (-webkit-text-fill-color:transparent) {
    .countup-wrapper .counter-items-outer .counter-items-inner {
        background-color: #f0e8e7;
        border-radius: 100%;
        overflow: hidden;
        width: 175px;
        height: 175px;
        display: inline-block;
        font-weight: 700;
        color: transparent;
        font-size: 15px;
        padding: 22px
    }

    .countup-wrapper .counter-items-outer .counter-items-inner span.counter-up {
        font-size: 40px;
        font-weight: 700
    }

    .countup-wrapper .counter-items-outer .counter-items-inner span {
        font-size: 1.1em;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        display: block
    }
}

.countup-wrapper .counter-items-outer .counter-items-inner {
    background-color: #f0e8e7;
    border-radius: 100%;
    overflow: hidden;
    width: 175px;
    height: 175px;
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
    padding: 22px
}

.countup-wrapper .counter-items-outer .counter-items-inner span.counter-up {
    font-size: 40px;
    font-weight: 700
}

.countup-wrapper .counter-items-outer .counter-items-inner span {
    font-size: 1.1em;
    color: red;
    display: block
}

.tags {
    margin: 30px 0
}

.tags span {
    padding: 5px;
    border: 1px solid #d9d9d9
}

.tags .tag {
    padding: 5px;
    border-radius: 0;
    background: 0 0;
    border: 1px solid #e6e6e6
}

.downloads .download .downloadButton .btn {
    font-size: 1em;
    padding: 8px 10px;
    border-radius: 0;
    line-height: 1;
    background-color: #fb7828;
    border: 1px solid #fb680f
}

.downloads .download .downloadButton .btn:hover {
    background-color: #fb680f
}

.download-latest-file .file-details {
    padding: 30px 15px;
    margin-bottom: 5px;
    background-color: #021651
}

@media (min-width: 992px) {
    .news-carousel-columns .owl-item {
        height: 324px
    }

    .download-latest-file .file-details {
        height: 336px;
        overflow: hidden
    }
}

.download-latest-file .file-title {
    height: 50px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.download-latest-file .file-title:after {
    content: '';
    left: 0;
    bottom: 0;
    right: 0;
    height: 10px;
    position: absolute;
    background: linear-gradient(to top, #021651, rgba(2, 22, 81, .1))
}

.newest-download-widget .download-item:after {
    content: '';
    display: table;
    clear: both
}

.carousel-backg-color .no-js .owl-carousel, .carousel-backg-color .owl-carousel.owl-loaded, .newest-download-widget .download-item .download-item-thumbnail {
    display: inline-block
}

.newest-download-widget .download-item .download-item-title {
    margin: 0;
    display: inline-block;
    vertical-align: top
}

.calendar-index.list-view .calendar-item {
    margin-bottom: 30px;
    border-top: 1px solid #fb7828
}

@media only screen and (min-width: 992px) {
    .calendar-tabs {
        margin-bottom: 0
    }

    .calendar-index.list-view .calendar-item .col-md-1 {
        padding: 0 8px;
        margin-top: -1px
    }

    .calendar-index.list-view .calendar-item .date-box span {
        display: block
    }
}

.calendar-index.list-view .calendar-item .title {
    margin: 10px 0
}

.fitContentStyle, .socialmedia-links {
    width: fit-content !important
}

.socialmedia-links .fa {
    padding: 5px;
    font-size: 15px;
    text-align: center;
    text-decoration: none
}

.socialmedia-links .fa:hover {
    opacity: .7
}

@media only screen and (max-width: 1023px) {
    header .seical-media-wrapper {
        top: 0;
        left: 15px;
        position: absolute
    }
}

footer .socialmedia-links {
    padding: 10px 0;
    height: auto;
    text-align: center
}

.search-bar-wrapper {
    direction: ltr
}

#IranMap, #searchBox, #widget-config-modal .modal-dialog, .inputDepartment {
    direction: rtl
}

.search-bar-wrapper:hover .search-bar .input-group-btn .btn i {
    font-size: 1.2em
}

.search-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: 0;
    overflow: hidden;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s
}

.search-bar .input-group-btn .btn {
    border-radius: 0;
    border: 0;
    color: #fff;
    background: 0 0
}

.search-bar .input-group-btn .btn i {
    font-size: 19px
}

.search-bar input[type=text] {
    border-radius: 25px;
    border: 0;
    height: 33px
}

@media only screen and (min-width: 1023px) {
    header .menu-wrapper {
        height: 50px
    }

    header nav.navbar .navbar-nav.nav .dropdown-menu li > a {
        color: #009292
    }

    header nav.navbar .navbar-nav.nav .dropdown-menu li > a:hover {
        color: #00c5c5
    }

    .main-carousel .owl-carousel, .sub-main-carousel .owl-carousel {
        margin-top: 0
    }

    .search-bar {
        left: auto;
        right: 0
    }
}

.search-results .gsc-result .gs-title {
    height: 1.5em
}

.culture-sections-title {
    background-color: transparent !important;
    display: block !important;
    font-size: 2.4em !important
}

.carousel-backg-color .owl-item h2 {
    color: #fff !important;
    border-radius: 10px 38px;
    bottom: 20%;
    width: 35%
}

.newslist-widget .news-list .item {
    border-bottom: 0 !important;
    width: 50% !important;
    float: right;
    clear: none !important
}

@media only screen and (max-width: 623px) {
    .carousel-backg-color .owl-item h2 {
        left: 0 !important;
        bottom: 4px !important;
        width: 100%;
        font-size: 14px
    }

    .newslist-widget .news-list .item {
        width: 100% !important
    }
}

.newslist-widget .news-list .item .item-thumbnail {
    overflow: hidden
}

.newslist-widget .news-list .item .item-thumbnail img:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.newslist-widget .more-link {
    clear: both
}

.home-middle-banner .carousel-border-wrapper {
    border: 1px solid #d9d9d9 !important;
    border-radius: 2px;
    padding: 20px;
    background-color: #f5f5f5
}

.home-middle-banner .owl-theme .owl-dots {
    position: unset !important;
    margin-bottom: 5px !important
}

@media screen and (max-width: 560px) {
    .home-middle-banner .item {
        max-width: 400px;
        max-height: 300px;
        display: block;
        -webkit-animation: none;
        animation: none;
        margin: 10px auto
    }
}

.home-middle-banner .item .banner-image-wrapper {
    -webkit-perspective: 500px;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.home-middle-banner .item .banner-image-wrapper a, .home-middle-banner .item .banner-image-wrapper a:hover {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.home-middle-banner .item .banner-image-wrapper .pic-image {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.home-middle-banner .item .banner-textbase-contet-wrapper .caption {
    cursor: pointer;
    margin-top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    padding: 25% 10px 10px;
    text-align: center;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    font-size: 1.3em;
    -webkit-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    top: 0;
    left: 0
}

.home-middle-banner .item .banner-textbase-contet-wrapper .caption a {
    color: #fff !important;
    opacity: 1 !important
}

.home-middle-banner .item .banner-textbase-contet-wrapper .caption:hover {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0)
}

.home-middle-banner .item:hover .banner-image-wrapper .pic-image {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.home-middle-banner .item:hover .banner-textbase-contet-wrapper .caption {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: .6;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    background: linear-gradient(to top, #1d1b1b, #000)
}

.board-doute {
    border: 1px solid #d9d9d9
}

.board-doute .board-title {
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 1px solid #d9d9d9;
    position: relative
}

.contact-info .title-info {
    text-align: center;
    color: #333 !important;
    border-bottom: 0 !important
}

.contact-info .contactinfo-widget p {
    display: inline;
    text-align: center;
    line-height: 40px
}

.contact-info .list-unstyled li, .events-carousel-wrapper .owl-item {
    text-align: center
}

.contact-info .info-label {
    color: #333 !important;
    font-size: 15px
}

.contact-info .contactinfo-widget i {
    color: #333 !important
}

.carousel-backg-title-color .owl-item h2 {
    color: #fff !important;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: .7;
    text-align: center
}

.diagonal-news-box {
    position: relative;
    padding: 30px 0
}

.diagonal-news-box .more-link {
    visibility: hidden
}

.diagonal-news-box:after {
    position: absolute;
    content: '';
    background: -webkit-linear-gradient(0, transparent 0, transparent 0, transparent 0), -webkit-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -o-linear-gradient(0, transparent 0, transparent 0, transparent 0), -o-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -webkit-linear-gradient(0, transparent 0, transparent 0, transparent 0), -webkit-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -o-linear-gradient(0, transparent 0, transparent 0, transparent 0), -o-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -webkit-linear-gradient(0, transparent 0, transparent 0, transparent 0), -webkit-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -o-linear-gradient(0, transparent 0, transparent 0, transparent 0), -o-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -webkit-linear-gradient(0, transparent 0, transparent 0, transparent 0), -webkit-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -o-linear-gradient(0, transparent 0, transparent 0, transparent 0), -o-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -webkit-linear-gradient(0, transparent 0, transparent 0, transparent 0), -webkit-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -o-linear-gradient(0, transparent 0, transparent 0, transparent 0), -o-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -webkit-linear-gradient(0, transparent 0, transparent 0, transparent 0), -webkit-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -o-linear-gradient(0, transparent 0, transparent 0, transparent 0), -o-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -webkit-linear-gradient(0, transparent 0, transparent 0, transparent 0), -webkit-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -o-linear-gradient(0, transparent 0, transparent 0, transparent 0), -o-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -webkit-linear-gradient(0, transparent 0, transparent 0, transparent 0), -webkit-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -o-linear-gradient(0, transparent 0, transparent 0, transparent 0), -o-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -webkit-linear-gradient(0, transparent 0, transparent 0, transparent 0), -webkit-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -o-linear-gradient(0, transparent 0, transparent 0, transparent 0), -o-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -webkit-linear-gradient(0, transparent 0, transparent 0, transparent 0), -webkit-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -o-linear-gradient(0, transparent 0, transparent 0, transparent 0), -o-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -webkit-linear-gradient(0, transparent 0, transparent 0, transparent 0), -webkit-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -o-linear-gradient(0, transparent 0, transparent 0, transparent 0), -o-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -webkit-linear-gradient(0, transparent 0, transparent 0, transparent 0), -webkit-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: -o-linear-gradient(0, transparent 0, transparent 0, transparent 0), -o-linear-gradient(263deg, transparent 0, transparent 49.5%, #fff 50%);
    background: linear-gradient(0, transparent 0, transparent 0, transparent 0), linear-gradient(187deg, transparent 0, transparent 49.5%, #fff 50%);
    width: 100%;
    height: 15em;
    z-index: 99;
    bottom: 0
}

[data-balloon]:after, [data-balloon]:before {
    -khtml-opacity: 0;
    pointer-events: none;
    z-index: 10
}

.diagonal-news-box .container {
    display: block;
    margin: 0 auto
}

#IranMap {
    display: block;
    position: relative;
    text-align: center;
    padding: 0;
    font-family: BYekan1;
    width: 100%;
    margin: 20px auto
}

#IranMap .show-title {
    display: none;
    position: absolute;
    background-color: #333;
    color: #fff;
    margin: 0 !important;
    padding: 0 5px;
    text-align: center;
    line-height: 26px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    opacity: .8
}

#IranMap .map {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

#IranMap .map svg {
    height: 100%;
    width: 100%
}

#IranMap .map .border path, #IranMap .map .island path {
    fill: #fff
}

#IranMap .map .province path {
    fill: #dddddd
}

#IranMap .map .lake path, #IranMap .map .sea path {
    fill: #0094ff
}

#IranMap .map .island path.hover, #IranMap .map .island path:hover, #IranMap .map .province path.hover, #IranMap .map .province path:hover {
    fill: #278c80 !important;
    cursor: pointer
}

#IranMap .list {
    display: block;
    float: right;
    width: 100%
}

#IranMap .list ul {
    padding: 0;
    clear: both
}

#IranMap .list li ul li a, #IranMap .list span {
    color: #ecf0f1;
    display: block;
    padding: 0 8px;
    line-height: 26px
}

#IranMap .list > ul {
    margin-left: 10px
}

#IranMap .list li, ul {
    list-style: none
}

#IranMap .list span {
    background: #242424;
    margin: 10px 2px 2px
}

#IranMap .list li ul li {
    display: block;
    float: right;
    width: 33.33333333333333%
}

#IranMap .list li ul li a {
    background: #34495e;
    margin: 2px;
    text-decoration: none
}

#IranMap .list li ul li a.hover, #IranMap .list li ul li a:hover {
    background: #c33a2c
}

#IranMap .list ul:after {
    clear: both
}

#IranMap .city {
    clear: both;
    padding: 10px 0
}

@media (max-width: 930px) {
    #IranMap .list {
        width: 100%
    }
}

@media (max-width: 745px) {
    #IranMap .list li ul li {
        width: 100%
    }
}

@media (max-width: 515px) {
    #IranMap .list, #IranMap .list li ul li, #IranMap .map {
        width: 100%
    }

    #IranMap .list li ul li a {
        font-size: 10px !important
    }
}

@media (max-width: 250px) {
    #IranMap .list li ul li {
        width: 100%
    }
}

#widget-config-modal, #widget-config-modal .modal-dialog .modal-body .modal-inner .module-title {
    font-family: Vazir, tahoma !important
}

#widget-config-modal .modal-dialog .modal-footer {
    text-align: left
}

#widget-config-modal .form-group [class*=col-xs-7]:first-of-type .widget-shape {
    padding: 22px
}

.home-layout-widget .list-group-item {
    padding: 0;
    display: table;
    width: 100%;
    background-color: #fafafa
}

.home-layout-widget .list-group-item .handle-wrapper {
    width: 25px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #d9d9d9
}

.home-layout-widget .list-group-item .handle-wrapper i.handle {
    padding: 5px;
    cursor: move;
    color: #b3b3b3
}

.home-layout-widget .list-group-item .handle-wrapper i.handle:hover {
    color: #999
}

.home-layout-widget .form-group {
    margin: 0;
    padding: 10px;
    display: table-cell
}

.home-layout-widget .form-group .widget-shape {
    font-size: 13px;
    text-align: center;
    padding: 5px;
    background-color: #ededed;
    border: 1px solid #e6e6e6
}

.major-header .btn {
    padding: 8px 10px;
    font-size: 1.1em;
    line-height: 1
}

.link-categories.list-view .list-view .category-item, .link-categories.list-view .list-view .link-item, .link-index.list-view .list-view .category-item, .link-index.list-view .list-view .link-item {
    border-bottom: 1px solid #ededed;
    padding: 10px
}

.link-categories.list-view .list-view .category-item .title, .link-categories.list-view .list-view .link-item .title, .link-index.list-view .list-view .category-item .title, .link-index.list-view .list-view .link-item .title {
    font-size: 20px;
    margin: 10px 0
}

@media only screen and (min-width: 768px) {
    .contactinfo-widget, .thesis-widget {
        margin-bottom: 0
    }

    .albums-wrapper .thumbnail {
        margin-bottom: 20px;
        border: 1px solid #ededed
    }

    .albums-wrapper .thumbnail > a {
        float: none
    }

    .albums-wrapper .thumbnail > a img {
        width: 100%;
        height: 174px;
        margin-right: 0
    }

    .albums-wrapper .thumbnail .caption {
        padding: 9px;
        margin-left: 0;
        height: 120px;
        overflow: hidden
    }

    .albums-wrapper .thumbnail .caption .title {
        margin: 5px 0
    }

    .link-categories.list-view .list-view .category-item figure, .link-categories.list-view .list-view .link-item figure, .link-index.list-view .list-view .category-item figure, .link-index.list-view .list-view .link-item figure {
        float: right
    }
}

.link-categories.list-view .list-view .category-item figure img, .link-categories.list-view .list-view .link-item figure img, .link-index.list-view .list-view .category-item figure img, .link-index.list-view .list-view .link-item figure img {
    height: 140px;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;'
}

.events-carousel-wrapper .owl-item:hover img {
    filter: brightness(110%) contrast(110%);
    -webkit-filter: brightness(110%) contrast(110%);
    filter: unset;
    -webkit-filter: unset
}

.events-carousel-wrapper .owl-item .event {
    margin: 0 auto;
    max-width: 280px;
    position: relative
}

.events-carousel-wrapper .owl-item .event .event-details {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    min-height: 10%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: linear-gradient(to bottom, rgba(2, 22, 81, 0), #021651)
}

.events-carousel-wrapper .owl-item .event:hover .event-details {
    min-height: 100%;
    background: rgba(2, 22, 81, .7)
}

.events-carousel-wrapper .owl-item .event:hover .event-details .event-title {
    margin-top: 100px
}

.events-carousel-wrapper .owl-dots {
    left: 20%;
    right: 20%;
    margin: 0;
    position: absolute
}

.events-carousel-wrapper .more-link {
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-top: 15px
}

.today-event-wrapper {
    background-color: #ededed
}

.today-event-wrapper .today-event-thumbnail img {
    width: auto
}

.news-widget-archive .panel-group .panel {
    border: 1px solid #ededed;
    border-radius: 0
}

.news-widget-archive .panel-group .panel-heading {
    background-color: #f2f2f2
}

.news-widget-archive .panel-group .panel-heading .panel-title {
    font-size: inherit
}

.news-widget-archive .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ededed
}

.news-widget-archive .panel-group .panel-body ul {
    padding: 0;
    list-style: none
}

.full-width-carousel .item img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.full-width-carousel .item .banner-title {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 16px 30px;
    height: 50px;
    background-color: rgba(2, 22, 81, .6);
    -webkit-transition: .2s ease-in-out .2s;
    transition: .2s ease-in-out .2s;
    text-shadow: 0 0 3px #000
}

.full-width-carousel .item .banner-description {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100px;
    margin: 0;
    padding: 15px 30px;
    opacity: 0;
    color: #fff;
    text-align: justify;
    -webkit-transition: .2s ease-in-out;
    transition: .5s ease-in-out
}

[data-balloon][data-balloon-pos=down-left]:before, [data-balloon][data-balloon-pos=down-right]:before, [data-balloon][data-balloon-pos=down]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") 0 0/100% auto no-repeat;
    width: 18px;
    height: 6px;
    margin-top: 5px
}

.full-width-carousel .item:hover .banner-title {
    height: 100%;
    padding: 60px 30px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    background-color: rgba(2, 22, 81, .8)
}

.full-width-carousel .item:hover .banner-description {
    opacity: 1;
    -webkit-transition: .2s .2s;
    transition: .2s .2s
}

.return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    display: none;
    padding: 7px 10px;
    text-decoration: none;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: .3s;
    transition: .3s
}

.return-to-top i {
    color: #fff;
    font-size: 19px;
    -webkit-transition: .3s;
    transition: .3s
}

.return-to-top:hover {
    background: rgba(0, 0, 0, .9)
}

.return-to-top:hover i {
    color: #fff;
    top: 5px
}

button[data-balloon] {
    overflow: visible
}

[data-balloon] {
    position: relative;
    cursor: pointer
}

[data-balloon]:after {
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: .18s ease-out .18s;
    -moz-transition: .18s ease-out .18s;
    -ms-transition: .18s ease-out .18s;
    -o-transition: .18s ease-out .18s;
    transition: .18s ease-out .18s;
    font-family: sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-shadow: none !important;
    font-size: 12px !important;
    background: rgba(17, 17, 17, .9);
    border-radius: 4px;
    color: #fff;
    content: attr(data-balloon);
    padding: .5em 1em;
    position: absolute;
    white-space: nowrap
}

[data-balloon]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") 0 0/100% auto no-repeat;
    width: 18px;
    height: 6px;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: .18s ease-out .18s;
    -moz-transition: .18s ease-out .18s;
    -ms-transition: .18s ease-out .18s;
    -o-transition: .18s ease-out .18s;
    transition: .18s ease-out .18s;
    content: '';
    position: absolute
}

[data-balloon]:hover:after, [data-balloon]:hover:before, [data-balloon][data-balloon-visible]:after, [data-balloon][data-balloon-visible]:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    pointer-events: auto
}

[data-balloon].font-awesome:after {
    font-family: FontAwesome
}

[data-balloon][data-balloon-break]:after {
    white-space: pre
}

[data-balloon][data-balloon-blunt]:after, [data-balloon][data-balloon-blunt]:before {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

[data-balloon][data-balloon-pos=up]:after {
    bottom: 100%;
    left: 50%;
    margin-bottom: 11px;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

[data-balloon][data-balloon-pos=up]:before {
    bottom: 100%;
    left: 50%;
    margin-bottom: 5px;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

[data-balloon][data-balloon-pos=down]:hover:after, [data-balloon][data-balloon-pos=down]:hover:before, [data-balloon][data-balloon-pos=down][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down][data-balloon-visible]:before, [data-balloon][data-balloon-pos=up]:hover:after, [data-balloon][data-balloon-pos=up]:hover:before, [data-balloon][data-balloon-pos=up][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up][data-balloon-visible]:before {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

[data-balloon][data-balloon-pos=up-left]:after {
    bottom: 100%;
    left: 0;
    margin-bottom: 11px;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

[data-balloon][data-balloon-pos=up-left]:before, [data-balloon][data-balloon-pos=up-right]:after {
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    bottom: 100%
}

[data-balloon][data-balloon-pos=up-left]:before {
    left: 5px;
    margin-bottom: 5px;
    transform: translate(0, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

[data-balloon][data-balloon-pos=down-left]:hover:after, [data-balloon][data-balloon-pos=down-left]:hover:before, [data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before, [data-balloon][data-balloon-pos=down-right]:hover:after, [data-balloon][data-balloon-pos=down-right]:hover:before, [data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before, [data-balloon][data-balloon-pos=up-left]:hover:after, [data-balloon][data-balloon-pos=up-left]:hover:before, [data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before, [data-balloon][data-balloon-pos=up-right]:hover:after, [data-balloon][data-balloon-pos=up-right]:hover:before, [data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[data-balloon][data-balloon-pos=up-right]:after {
    right: 0;
    margin-bottom: 11px;
    transform: translate(0, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

[data-balloon][data-balloon-pos=up-right]:before {
    bottom: 100%;
    right: 5px;
    margin-bottom: 5px;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

[data-balloon][data-balloon-pos=down]:after {
    left: 50%;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px)
}

[data-balloon][data-balloon-pos=down]:before {
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px)
}

[data-balloon][data-balloon-pos=down-left]:after {
    left: 0;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

[data-balloon][data-balloon-pos=down-left]:before, [data-balloon][data-balloon-pos=down-right]:after {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    top: 100%
}

[data-balloon][data-balloon-pos=down-left]:before {
    left: 5px;
    transform: translate(0, -10px)
}

[data-balloon][data-balloon-pos=down-right]:after {
    right: 0;
    margin-top: 11px;
    transform: translate(0, -10px)
}

[data-balloon][data-balloon-pos=down-right]:before {
    right: 5px;
    top: 100%;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

[data-balloon][data-balloon-pos=left]:after {
    margin-right: 11px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -moz-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%)
}

[data-balloon][data-balloon-pos=left]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") 0 0/100% auto no-repeat;
    width: 6px;
    height: 18px;
    margin-right: 5px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -moz-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%)
}

[data-balloon][data-balloon-pos=left]:hover:after, [data-balloon][data-balloon-pos=left]:hover:before, [data-balloon][data-balloon-pos=left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=left][data-balloon-visible]:before, [data-balloon][data-balloon-pos=right]:hover:after, [data-balloon][data-balloon-pos=right]:hover:before, [data-balloon][data-balloon-pos=right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=right][data-balloon-visible]:before {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

[data-balloon][data-balloon-pos=right]:after {
    left: 100%;
    margin-left: 11px;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
    -moz-transform: translate(-10px, -50%);
    -ms-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%)
}

[data-balloon][data-balloon-pos=right]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") 0 0/100% auto no-repeat;
    width: 6px;
    height: 18px;
    left: 100%;
    margin-left: 5px;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
    -moz-transform: translate(-10px, -50%);
    -ms-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%)
}

[data-balloon][data-balloon-length=small]:after {
    white-space: normal;
    width: 80px
}

[data-balloon][data-balloon-length=medium]:after {
    white-space: normal;
    width: 150px
}

[data-balloon][data-balloon-length=large]:after {
    white-space: normal;
    width: 260px
}

[data-balloon][data-balloon-length=xlarge]:after {
    white-space: normal;
    width: 380px
}

[data-balloon][data-balloon-length=fit]:after {
    white-space: normal;
    width: 100%
}

@media screen and (max-width: 768px) {
    .index-wrapper {
        display: flex !important;
        flex-flow: column;
        justify-content: space-between
    }

    [data-balloon][data-balloon-length=xlarge]:after {
        white-space: normal;
        width: 90vw
    }
}

.alert-container {
    position: fixed;
    top: 0;
    z-index: 2000000
}

.google-maps iframe {
    width: 100%;
    height: 250px !important
}

.dropdown-menu {
    text-align: right !important;
    white-space: nowrap
}

nav .navbar-nav li a {
    font-weight: 400;
    font-size: 13px
}

.drop-item:hover {
    color: #00c5c5 !important
}

.navbar-nav li a:hover {
    color: #0e2231
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: flex
}

.col-item {
    height: 18em;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    background: #fff
}

.col-item .info {
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px
}

[data-slide=prev] {
    margin-right: 10px
}

.col-item .photo img {
    margin: 0 auto;
    width: 100%
}

.col-item:hover .info {
    background-color: beige
}

.col-item .price {
    float: left;
    margin-top: 5px
}

.col-item .price h5 {
    line-height: 20px;
    margin: 0
}

.price-text-color {
    color: #219fd1
}

.col-item .info .rating {
    color: #777
}

.col-item .rating {
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px
}

.col-item .separator {
    border-top: 1px solid #e1e1e1
}

.clear-left {
    clear: left
}

.col-item .separator p {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center
}

.col-item .separator p i {
    margin-right: 5px
}

.col-item .btn-add {
    width: 50%;
    float: left;
    border-right: 1px solid #e1e1e1
}

.col-item .btn-details {
    width: 50%;
    float: left;
    padding-left: 10px
}

.header-background {
    background-color: #009292;
    min-height: 50px
}

@media screen and (max-width: 991px) {
    #w4e25a9c8aa2ce4b61545c01aeaee1a1c0-collapse ul {
        align-items: unset
    }
}

@media screen and (max-width: 1200px) {
    .search-bar {
        left: 0 !important;
        right: unset !important;
        max-width: 150px;
        overflow: unset;
        width: unset
    }
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .search-bar {
        left: 0 !important;
        right: unset !important;
        overflow: hidden;
        width: 40px
    }
}

.new-carousel-caption-position {
    min-width: 200px
}

.new-control-icon {
    background: #d6d6d6;
    border-radius: 3px;
    margin: 5px;
    padding: 4px 7px
}

.new-control-icon:hover {
    background: #869791 !important;
    color: #fff;
    text-decoration: none
}

.default-header {
    position: relative;
    z-index: 2;
    width: 100%
}

.fixed-header {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

#navbar-placeholder {
    display: none;
    width: 100%;
    transition: height .3s
}

.text-line {
    position: relative;
    z-index: 1
}

.text-line:before {
    border-top: 4px solid #009292;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1
}

.text-line span {
    background: #fff;
    padding: 0 15px
}

nav {
    padding-bottom: 60px
}

.divar-menu li {
    float: right;
    border-radius: 7px
}

.divar-menu .second-level .third-level li a:hover, .divar-menu .second-level li a:hover, .divar-menu li a:hover {
    opacity: .9;
    cursor: pointer
}

.divar-menu li, .pagenation li {
    position: relative;
    padding: 3px 8px;
    text-decoration: none;
    color: #7a7a7a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0);
    -webkit-box-shadow: inset 0 1px 0 transparent, 0 1px 0 rgba(0, 0, 0, .3), 0 3px 4px rgba(0, 0, 0, .14);
    -moz-box-shadow: inset 0 1px 0 transparent, 0 1px 0 rgba(0, 0, 0, .3), 0 3px 4px rgba(0, 0, 0, .14);
    box-shadow: inset 0 1px 0 transparent, 0 1px 0 transparent, 0 3px 4px rgba(0, 0, 0, .14);
    margin-left: 10px
}

.divar-menu li:active {
    color: #9b9b9b;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .3), inset 0 0 2px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .3), inset 0 0 2px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .4);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .3), inset 0 0 2px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .4);
    box-shadow: none !important
}

.divar-menu .current, .divar-menu .current:hover, .pagenation .current, .pagenation .current:hover {
    color: #fff;
    background-image: linear-gradient(#009292, #00b8b8);
    box-shadow: inset 0 1px 0 #009292, 0 1px 0 rgb(0 0 0 / 30%), 0 3px 4px rgb(0 0 0 / 14%)
}

@media (max-width: 768px) {
    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        display: block
    }

    .divar-menu li {
        width: 100%;
        flex: unset
    }
}

.divar-menu a {
    text-decoration: none
}

.divar-menu ul {
    margin-top: 10px;
    padding-inline-start: 0
}

.divar-menu ul::after {
    content: "";
    order: 1;
    flex: 999 999 0;
    height: 0
}

.divar-menu .second-level li a, .divar-menu li a {
    pointer-events: all
}

.divar-menu .third-level li a {
    font-size: .9em;
    pointer-events: all
}

.arrow-shadow {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    left: 44px;
    bottom: -8px;
    z-index: 4;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(0, 0, 0, .45)
}

.divar-menu .current {
    display: block;
    padding: 10px !important
}

.albums-list-widget .albums-carousel .owl-item .album-details {
    display: flex;
    flex-flow: column;
    justify-content: end;
    overflow: hidden;
    visibility: hidden
}

.albums-list-widget .albums-carousel .owl-item:hover .album-details {
    visibility: visible
}

.swiper-slide {
    width: 180px
}

.content-title {
    color: #fff;
    margin: 0 0 10px
}

.br-20 {
    border-radius: 10px 0 0 10px
}

.p-half {
    padding: .5rem
}

.slide-image {
    height: 150px !important;
    object-fit: contain
}

.swiper-slide-image a {
    display: flex;
    justify-content: center;
    margin-bottom: .5rem;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 5px
}

.swiper-slide-text p {
    height: auto;
    display: block;
    color: #737373;
    max-height: 90px;
    font-size: small;
    overflow: hidden
}

.swiper-slide-text p:after {
    content: '';
    left: 0;
    bottom: 25px;
    right: 0;
    height: 30px;
    position: absolute;
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, .1))
}

.swiper-slide-date {
    color: #a9a9a9;
    font-size: .7em;
    position: absolute;
    bottom: 0
}

.swiper h2 i.fa {
    color: #10ffff
}

.ads_wrapper {
    max-height: 500px
}

.events-carousel-wrapper .owl-dots {
    bottom: -40px
}

.owl-item {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap
}

.carousel-inner {
    height: 105% !important
}

.card-img-top {
    height: 100% !important
}

.card_custom_height_200 {
    height: 200px
}

.card_custom_height_300 {
    height: 300px
}

.mh-300 {
    min-height: 300px
}

.card {
    border-radius: 7px;
    border: 2px solid rgba(0, 0, 0, .125) !important
}

.news-item {
    padding: 10px;
    display: flex;
    flex-direction: column
}

.news-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.news-date-container {
    margin-top: auto
}

.news-date {
    font-size: 14px;
    color: #888;
    background-color: #8888882e;
    padding: 2px 5px;
    border-radius: 5px
}

.news-title-link {
    text-decoration: none;
    color: inherit
}

.news-title {
    font-size: 1rem;
    font-weight: 600
}

.news-description {
    font-size: .9rem;
    color: #666;
    text-align: right
}

.news-grid-button-container {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.news-grid-button {
    background-image: linear-gradient(#009292, #00dfdf);
    border: none;
    padding: 7px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    transition: background-color .3s;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    width: 100%
}

.closeIcon, .spinnerIcon {
    width: 20px;
    height: 20px;
    color: #009292
}

.news-grid-button:hover {
    background-image: linear-gradient(#009292, #0ee)
}

.oneColumn-carousel-banner .item a > img {
    -o-object-fit: cover;
    object-fit: cover;
    width: auto;
    -o-object-fit: unset;
    object-fit: unset;
    font-family: unset
}

.events-carousel-wrapper .owl-item .event {
    margin: unset;
    max-width: unset
}

.owl-item {
    justify-content: unset;
    flex-wrap: unset
}

.item-title i.fa {
    color: #7ef8f8
}

.fs-30 {
    font-size: 30px
}

.event-title, .item-title {
    margin-bottom: 0;
    font-size: 1.1em
}

.searchContainer {
    position: absolute !important;
    transition: 2s;
    z-index: 1;
    top: -100%
}

#searchBox {
    padding: 5px 10px;
    border: none !important;
    border-radius: 7px !important;
    font-size: 15px
}

#searchBox:focus {
    border: none !important;
    outline: 0 !important
}

#searchBox::placeholder {
    color: #999 !important
}

.searchResults {
    border-radius: 7px !important;
    background-color: #fff;
    overflow: hidden;
    display: none
}

.inputIconContainer {
    top: 0 !important;
    left: 10px;
    font-size: 20px;
    cursor: pointer
}

.spinnerIcon {
    display: block;
    left: 10px
}

.closeIcon {
    left: 30px;
    display: none;
    font-size: 20px
}

.showInputIcon {
    display: block !important
}

.searchResultsItem {
    transition: .15s;
    cursor: pointer
}

.searchResultsItem:hover {
    background-color: #eee
}

.searchResultsItem > i.fa-search {
    color: #000 !important;
    transform: rotate(90deg)
}

.iconCircle > span.amountOfShop {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 40px
}

.amountOfShoppingIcon {
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: #ff4343;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    font-size: 12px;
    top: 2px;
    right: -2px
}

.dropdown-menu {
    padding: 0 !important;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: fit-content;
    background-color: #fff;
    border: 1px solid #ddd;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity .3s, transform .3s;
    z-index: 10;
    height: fit-content
}

.showDropDownMenu {
    max-height: 300px;
    overflow: visible;
    transition: max-height .2s
}

.dropdown-menu.show {
    display: block;
    opacity: 1;
    transform: translateY(0)
}

.dropdown-menu > li {
    padding: 5px 10px 5px 5px
}

.dropdown-toggle::after {
    display: inline-block;
    margin-right: 6px;
    vertical-align: 0;
    content: "";
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent
}

.dropdown-toggle.show::after {
    rotate: 180deg
}

.notFoundSearch {
    width: 70px
}

.hover-box {
    position: relative;
    width: fit-content;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: color .3s
}

.hover-box > a > i {
    font-size: 16px;
    margin-left: 5px
}

.hover-box > a {
    margin: 0 !important;
    padding: 3px 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.hover-box::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    transition: width .3s, left .3s
}

.hover-box:hover::after {
    width: 100%;
    left: 0
}

.ulSub {
    padding: 0;
    border-radius: 5px
}

.ulSub > li {
    cursor: pointer;
    padding: 5px 10px 5px 5px
}

.fa-caret-right {
    font-size: 20px;
    transition: .2s ease-in
}

.dropDown-insideHave:hover .fa-caret-right {
    transform: rotate(180deg)
}

.dropDown-insideHave {
    display: flex;
    direction: rtl;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.dropDown-insideHave:hover .dropDown-inside {
    max-width: 100%;
    transition: max-width .3s ease-in
}

.dropDown-inside {
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 100%;
    display: block;
    background-color: #fff;
    z-index: 1000;
    width: 100%;
    max-width: 0;
    overflow: hidden;
    transition: max-width .5s ease-in
}

.dropDown-inside > ul > li {
    padding: 5px 10px 5px 5px;
    margin: 0
}

.dropDown-inside > ul {
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 5px;
    padding: 0
}

.inputDepartmentDiv {
    width: 0;
    height: 27px;
    transition: width .3s ease-in
}

.inputDepartmentDivShow {
    width: 300px !important;
    transition: width .3s ease-in
}

.inputDepartment {
    position: relative;
    padding: 2px 10px;
    width: 100%;
    font-size: 13px;
    border-radius: 10px;
    border: none !important;
    outline: 0 !important;
    transition: left .3s ease-in-out
}

.searchButton > i, .titleEmpty {
    font-size: 20px
}

.searchButton {
    display: flex;
    justify-content: center;
    align-items: center;
    background: 0 0 !important;
    border: none;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px
}

.headerNavigation {
    z-index: 5;
    position: relative;
    border: none !important
}

.lineUpHeader {
    position: relative;
    z-index: 10
}

.clickAble {
    transform: translateY(-3px);
    box-shadow: 0 1px 5px 0 rgba(255, 255, 255, .4) !important
}

.departmentList {
    flex: 1;
    min-width: fit-content;
    padding-inline: 10px !important;
    transition: .2s;
    max-height: fit-content
}

.card-footer, .departmentListDiv {
    padding: 10px
}

.noPadding {
    margin: 10px;
    padding: 0;
    display: inline-block
}

.freeTitle, .priceTitleAmazing {
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 5px
}

.teacherSubtitle:hover {
    background-color: #6c757d;
    color: #fff !important
}

.album-details .album-title a, .teacherSubtitle:hover .fa, .teacherSubtitle:hover i.fa {
    color: #fff !important
}

.teacherSubtitle {
    background-color: rgba(108, 117, 125, .2);
    width: fit-content;
    transition: .2s;
    border-radius: 5px
}

.teacherSubtitle > .fa {
    color: #6c757d !important;
    transition: .2s
}

.starBox > .fa-star {
    color: #ffca28 !important
}

.starBox {
    border-radius: 5px;
    background-color: rgba(251, 199, 29, .2);
    width: fit-content
}

.priceClassTitle, .titleAtribute {
    opacity: .6
}

.discountedPrice {
    text-decoration: line-through rgba(108, 117, 125);
    color: rgba(108, 117, 125, .7)
}

.priceTitleAmazing {
    background-color: rgba(255, 82, 82, .1);
    color: #ff5252
}

.priceClass {
    font-weight: 600
}

.cardTitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 2lh;
    line-height: 1.5em
}

.rowRow {
    flex-flow: row !important;
    margin-right: 0;
    margin-left: 0;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0
}

.noBoxShadow {
    border: none !important;
    box-shadow: none !important
}

.titleEmpty {
    top: 80%;
    color: #a9a9a9
}

.searchResultsItem > span > .length {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 0;
    font-size: 13px
}

.cardCourseFooter, .cartBodySlider > div.cartBodySliderTitle {
    font-size: 15px;
    font-weight: 500
}

.album-details .album-title a:hover {
    color: #fff !important;
    opacity: .8 !important
}

.lineUpHeader > a {
    display: flex !important
}

@media screen and (min-width: 991px) {
    .navbarDesktop {
        display: flex
    }
}

.card {
    transition: .5s
}

.card > .aImage {
    height: 50%
}

.itemCardCourse, .itemCardCourse > div {
    height: fit-content
}

.card:hover {
    box-shadow: 0 0 10px -2px #757575;
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06)
}

.containerCustomNav {
    min-width: 90%;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
    max-width: 90%
}

.owl-carousel .owl-stage-outer {
    padding: 15px 0
}

.seeAllCourseTwo {
    position: absolute;
    left: 0;
    bottom: -10px
}

.iconCalendar {
    width: 17px !important;
    height: 17px !important;
    z-index: 1
}

.cardImageSlider, .cardImageSlider * {
    width: 100%;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px
}

.cartBodySlider > div.cartBodySliderDate {
    font-size: 13px;
    color: #9c9c9c
}

.circleIconCartCourse {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: rgba(0, 146, 146, .42);
    top: 5px;
    left: 2px
}

.cardCourseFooter {
    background: 0 0 !important
}

.paginationItem {
    background-color: #fff;
    margin: 0 1px
}

.paginationItemLink {
    font-family: "Vazir", serif;
    border: 2px solid #fff;
    color: #000;
    font-weight: 700 !important;
    font-size: 1rem !important;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    padding: 0 10px !important
}

.paginationItemLink:focus, .paginationItemLink:hover {
    background: 0 0 !important;
    box-shadow: none !important;
    color: #000 !important
}

.paginationItem.active .paginationItemLink {
    background: 0 0
}

.owl-theme .owl-dots .owl-dot span {
    width: 5px !important;
    height: 5px !important;
    margin: 3px !important;
    background: #ccc;
    display: block;
    -webkit-transition: .2s !important;
    transition: .2s !important;
    border-radius: 7px !important
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 30px !important;
    transition: .2s
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #d6d6d6 !important
}

.titleAmazingWighet {
    font-size: 18px;
    font-weight: 600
}

.maskedCurrencyUnit {
    width: 22px;
    height: 22px;
    mask-size: contain !important;
    -webkit-mask-size: contain !important
}

@supports (mask-image:url('dummy.svg')) {
    .priceTitleAmazing .maskedCurrencyUnit, .subjectPriceDiscount .maskedCurrencyUnit {
        background-color: red !important
    }

    .discountedPrice .maskedCurrencyUnit {
        background-color: rgba(108, 117, 125, .7)
    }

    .owl-item .maskedCurrencyUnit, .swiper-slide .maskedCurrencyUnit {
        background-color: #fff
    }

    .cardCourseFooter .maskedCurrencyUnit {
        background-color: #000 !important
    }
}

.itemSliderGallery:hover a {
    transform: scale(1.02);
    opacity: 1 !important;
    box-shadow: 0 0 0 0 #0000002b;
    border: 3px solid #009292
}

.itemSliderGallery a {
    border: 3px solid #fff;
    box-shadow: 0 2px 7px 2px #0000002b;
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 7px;
    transform: scale(1);
    transition: .3s
}

.borderRadiusTem, .itemSliderGallery a img, .news-item {
    border-radius: 7px
}

.itemSliderGallery a p {
    font-size: 16px;
    font-weight: 500
}

.index_pic_sub_title {
    height: auto;
    display: block;
    color: #737373;
    max-height: 49px;
    font-size: small;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.news-item .grid figure {
    margin: unset !important
}

.news-date .fa {
    color: #888 !important
}

.news-item {
    background-color: #fff !important;
    box-shadow: rgb(149 157 165 / 47%) 0 3px 10px;
    text-align: unset !important;
    padding: unset !important
}

.news-description-container .fa {
    color: #666 !important
}

.news-item figure.effect-julia figcaption {
    padding: 30px 15px !important
}

.loaderHtmx {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: .4s linear infinite rotation
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.loaderHtmxLine {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 20px 0 #fff, -20px 0 #fff;
    position: relative;
    animation: .5s ease-out infinite alternate flash
}

@keyframes flash {
    0% {
        background-color: #fff2;
        box-shadow: 20px 0 #fff2, -20px 0 #fff
    }
    50% {
        background-color: #fff;
        box-shadow: 20px 0 #fff2, -20px 0 #fff2
    }
    100% {
        background-color: #fff2;
        box-shadow: 20px 0 #fff, -20px 0 #fff2
    }
}

.postsWorkGroup {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px
}

.postsWorkGroup a:hover {
    opacity: .5
}

.postsDetailWorkGroup {
    margin-right: .5rem
}

.postsWorkGroup.card-hover:hover {
    transform: scale(1.03);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    z-index: 2;
    border-color: #009292 !important;
    font-weight: 500
}

.paramClock {
    font-size: 14px;
    color: #565656
}

.paramClockSecond {
    color: #dc1212
}

.content {
    width: 100% !important
}