<style>
    body {
        font-size: 20px;
    }

    a {
        color: #010165;
    }

    a:hover {
        color: #1ab394;
    }

    .btn-burger {
        color: #ffffff !important;
    }

    .text-kazemi {
        color: #ffffff !important;
    }

    .navbar-slategrey {
        background-color: #6f0047;
    }

    .navbar-slategrey .navbar-toggler:focus,
    .navbar-slategrey .navbar-toggler:hover {
        background-color: rgba(255, 255, 255, .1);
    }

    .navbar-slategrey .navbar-toggler[aria-expanded=true] {
        background-color: rgba(0, 0, 0, .1);
    }

    .navbar-slategrey .navbar-nav>.nav>.nav-item>.nav-link:not(.disabled) {
        color: #ffffff !important;
        background-color: transparent;
    }

    .navbar-slategrey .navbar-nav>.nav>.nav-item:hover>.nav-link:not(.disabled) {
        background-color: rgba(255, 255, 255, .125);
    }

    .navbar-slategrey .navbar-nav>.nav>.nav-item>.nav-link:active:not(.disabled) {
        background-color: rgba(0, 0, 0, .075);
    }

    .navbar-slategrey .navbar-nav>.nav.has-active-border>.nav-item>.nav-link:not(.disabled)::before {
        background-color: rgba(255, 255, 255, .73);
    }

    .navbar-slategrey .navbar-nav>.nav>.nav-item.show>.nav-link:not(.disabled) {
        background-color: rgba(0, 0, 0, .1);
    }

    @media (min-width:992px) {
        .navbar-slategrey .navbar-intro {
            background-color: rgba(0, 0, 0, .075);
        }

        .navbar-slategrey .navbar-nav>.nav>.nav-item {
            border: 0 solid rgba(0, 0, 0, .1);
        }

        .navbar-slategrey .navbar-nav>.nav>.nav-item {
            border-width: 0 0 0 1px;
        }

        .navbar-slategrey .navbar-nav>.nav>.nav-item:last-of-type {
            border-width: 0 1px;
        }

        .navbar-slategrey .navbar-nav>.nav>.nav-item.show,
        .navbar-slategrey .navbar-nav>.nav>.nav-item.show+.nav-item {
            border-color: rgba(0, 0, 0, .2);
        }

        .navbar-slategrey .navbar-nav>.nav>.nav-item>.nav-link::after {
            content: none;
        }
    }

    @media (max-width:991.98px) {
        .navbar-slategrey .navbar-content-section input {
            border-bottom-color: rgba(255, 255, 255, .7);
        }

        .navbar-slategrey .navbar-collapse {
            border: 0 solid rgba(34, 85, 117, .2);
            border-width: 1px 0;
        }

        .navbar-slategrey .navbar-collapse>.navbar-nav>.nav>.nav-item {
            border-bottom: 1px solid rgba(255, 255, 255, .1);
        }

        .navbar-slategrey .navbar-collapse>.navbar-nav>.nav>.nav-item.dropdown.show {
            background-color: rgba(0, 0, 0, .1);
        }

        .navbar-slategrey .navbar-collapse>.navbar-nav>.nav>.nav-item>.nav-link.active {
            background-color: rgba(0, 0, 0, .1);
        }

        .navbar-slategrey .navbar-collapse>.navbar-nav>.nav>.nav-item.show>.nav-link {
            background-color: transparent;
        }
    }

    @media (min-width:992px) {
        .navbar-slategrey .navbar-fixed>.navbar-inner {
            box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1), inset 1px -1px 0 0 rgba(0, 0, 0, .05);
        }

        .navbar-slategrey .navbar-fixed.container {
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
        }

        .navbar-slategrey .navbar-fixed.container .navbar-inner {
            left: auto;
            right: auto;
        }
    }

    .navbar-slategrey .navbar-content-section input {
        background-color: transparent;
        color: #fff;
        border-width: 0 0 1px;
        border-style: solid;
        border-color: transparent;
    }

    .navbar-slategrey .navbar-content-section input:focus {
        border-color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input:not(:focus):hover {
        border-color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input::-moz-placeholder {
        color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input:-ms-input-placeholder {
        color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input::-ms-input-placeholder {
        color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input::placeholder {
        color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input::-moz-placeholder {
        color: #fff;
    }

    .sidebar-white {
        background-color: #ffffff;
    }

    .sidebar-white .sidebar-inner {
        border-right: 1px solid #e2eaf1;
        background: inherit;
    }

    @media (min-width:1200px) {
        .sidebar-white.sidebar-hover:not(.collapsed) .sidebar-inner {
            box-shadow: 1px 0 0 0 #e2eaf1;
            border-right-width: 0;
        }
    }

    @media (max-width:1199.98px) {
        .sidebar-white:not(.sidebar-fixed) .sidebar-inner {
            border-bottom: 1px solid #e2eaf1;
        }
    }

    .sidebar-white .nav>.nav-item {
        margin-bottom: 2px;
    }

    .sidebar-white .nav>.nav-item>.nav-link {
        color: #0b0b0b;
        font-size: 1.2em;
/*        font-size: 1em;*/

    }

    .sidebar-white .nav>.nav-item>.nav-link>.nav-icon {
        color: #0b0b0b;
        font-size: 1em;
    }

    .sidebar-white .nav>.nav-item.open>.nav-link {
        color: #0b0b0b;
        background-color: transparent;
    }

    .sidebar-white.sidebar-spaced .nav>.nav-item.open:not(.active)>.nav-link {
        background-color: #f0f5f9;
    }

    .sidebar-white .nav>.nav-item.open>.nav-link>.nav-icon {
        color: #5b99c9;
    }

    .sidebar-white .nav>.nav-item>.nav-link:hover {
        background-color: #ffffff;
        color: #be0100;
        /*        border-radius: 0.7rem;*/
        border-radius: 0;
    }

    .sidebar-white .nav>.nav-item.open:not(.active)>.nav-link {
        background-color: #ffffff;
        color: #be0100;
    }

    .sidebar-white .nav>.nav-item>.nav-link:hover>.nav-icon {
        color: #be0100;
    }

    .sidebar-white .nav>.nav-item>.submenu {
        background-color: #ffffff;
    }

    .sidebar-white .submenu .nav-item>.nav-link {
        color: #0b0b0b;
        /* رنگ زیر منو */
        font-size: 1em;
    }

    .sidebar .nav>.nav-item>.submenu>.submenu-inner>.nav-item:not(:last-child) {
        /*        border-bottom: 1px solid #0b0b0b;*/
    }

    .sidebar.sidebar-h .nav-fill .nav-item .nav-item:not(:last-child) {
        border-bottom: 1px solid #0b0b0b;
    }

    .sidebar-white .submenu .nav-item>.nav-link:hover {
        color: #f00008;
        background-color: #ffffff;
        /*f0f5f9*/
    }

    .sidebar-white .submenu .nav-item.open>.nav-link {
        color: #3e7ab1;
    }

    .sidebar-hover:not(.collapsed) .nav>.nav-item .submenu {
        background-color: #ffffff;
    }

    .sidebar-hover:not(.collapsed) .submenu {
        top: 0;
        min-width: 14rem;
        min-width: calc(var(--sidebar-width) - 2rem);
        box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, .1);
        border: 0px solid #d1d1d1;
        border-radius: .375rem;
    }

    .sidebar-white .submenu .nav-icon {
        color: #0b0b0b;
        /* رنگ زیر منو */
        font-size: 1em;
    }

    .sidebar-white .submenu .nav-link:hover>.nav-icon {
        color: menufontcolorzirmenuhover;
    }

    .sidebar-white .submenu .nav-item.open>.nav-link>.nav-icon {
        color: #92afd0;
    }

    .sidebar-white .submenu .nav-item.active>.nav-link>.nav-icon {
        color: #70a1d1;
    }

    .sidebar-white .caret {
        color: inherit;
        opacity: .75;
    }

    .sidebar-white .open>.nav-link>.caret {
        opacity: .82;
    }

    .sidebar-white .nav-item>.nav-link:hover>.caret {
        opacity: .82;
    }

    .sidebar-white .nav-item.active>.nav-link>.caret {
        opacity: .82;
    }

    .sidebar-white .nav-item.active.open>.nav-link>.caret {
        opacity: .92;
    }

    @media (min-width:1200px) {
        .sidebar-white.sidebar-h .nav>.nav-item.active {
            border-width: 0 1px;
        }
    }

    .sidebar-white .nav>.nav-item.active>.nav-link {
        color: #3c80b6;
        background-color: #ebf3f9;
    }

    .sidebar-white .nav>.nav-item.active:not(.open)>.nav-link {
        font-weight: 600;
    }

    .sidebar-white .nav>.nav-item.active.open>.nav-link:not(:hover) {
        background-color: transparent;
    }

    @media (min-width:1200px) {
        .sidebar-white.collapsed .sidebar-inner:not(.is-hover) .nav>.nav-item.active.open>.nav-link {
            background-color: #ebf3f9;
        }
    }

    .sidebar-white .nav>.nav-item.active>.nav-link>.nav-icon {
        color: #407eb7;
    }

    .sidebar-white .submenu .nav-item.active>.nav-link {
        color: #4485b9;
    }

    .sidebar-white .submenu .nav-item.active>.nav-link>.nav-icon {
        color: #70a1d1;
    }

    .sidebar-white .submenu .nav-item.active:not(.open)>.nav-link {
        background-color: #ebf3f9;
        font-weight: 600;
    }

    @media (min-width:1200px) {

        .sidebar-white.hoverable.collapsed .submenu .nav-item.active.open>.nav-link,
        .sidebar-white.sidebar-hover:not(.collapsed) .submenu .nav-item.active.open>.nav-link {
            color: #4485b9;
            background-color: #ebf3f9;
            font-weight: 600;
        }

        .sidebar-white.hoverable.collapsed .submenu .nav-item.active>.nav-link>.nav-text::before,
        .sidebar-white.sidebar-hover:not(.collapsed) .submenu .nav-item.active>.nav-link>.nav-text::before {
            content: "";
            display: block;
            opacity: 1;
        }
    }

    @media (hover:hover) {
        .sidebar-white .nav>.nav-item>.nav-link:hover::before {
            border-color: #7eb0d7;
        }
    }

    .sidebar-white .nav.has-active-border .nav-item.active>.nav-link::before {
        content: "";
        border-color: #7eb0d7;
    }

    .sidebar-white .nav.has-active-border>.nav-item.active:hover>.nav-link::before {
        border-color: #7eb0d7;
    }

    @media (hover:hover) {
        .sidebar-white .nav.has-active-border>.nav-item.active.open>.nav-link:hover::before {
            display: block;
        }
    }

    .sidebar-white .submenu .nav-link {
        padding-left: 0.5em;
    }

    .sidebar-white .submenu .submenu .nav-link {
        padding-left: 0.75em;
    }

    .sidebar-white .submenu .submenu .submenu .nav-link {
        padding-left: 0.75em;
    }

    .sidebar-white .submenu .nav-text::before {
        display: none;
        position: absolute;
        left: 2.75em;
        z-index: 1;
        opacity: .65;
        top: calc(50% - .1875rem);
        width: .375rem;
        height: .375rem;
        border-radius: .75rem;
        background-color: currentColor;
    }

    .sidebar-white .submenu .submenu .nav-text::before {
        left: 3.675em;
    }

    .sidebar-white .submenu .submenu .submenu .nav-text::before {
        left: 4.325em;
    }

    .sidebar-white .submenu .nav-item>.nav-link:hover>.nav-text::before {
        content: "";
        display: block;
        opacity: .8;
    }

    .sidebar-white .submenu .nav-item.active:not(.open)>.nav-link>.nav-text::before {
        content: "";
        display: block;
        opacity: 1;
    }

    @media (min-width:1200px) {

        .sidebar-white.hoverable.collapsed .submenu .nav-text::before,
        .sidebar-white.sidebar-hover:not(.collapsed) .submenu .nav-text::before {
            left: calc(.5em + 1px) !important
        }
    }

    .sidebar-white .nav-item-caption {
        color: #0b0b0b;
        font-size: 1em;
        text-align: center;
        border-bottom: 1px dashed #DDD;
        padding-bottom: 5px;
    }

    .sidebar-white .nav-item-divider {
        border-top: 1px solid #dde3e6;
    }

    .sidebar-white .submenu .nav-item-divider {
        border-top-color: #eceff1;
    }

    .sidebar-white .ace-scroll {
        scrollbar-color: #9dbad5 #dce3ea;
    }

    .sidebar-white .ace-scroll::-webkit-scrollbar-track {
        background-color: #dce3ea;
        border-right: 1px solid #fff;
    }

    .sidebar-white .ace-scroll::-webkit-scrollbar-thumb {
        background-color: #9dbad5;
        border-right: 1px solid #fff;
    }

    .sidebar-white.sidebar-spaced .nav>.nav-item {
        border-radius: 0;
    }

    @media (min-width:1200px) {
        .sidebar-white.sidebar-spaced.collapsed .sidebar-inner:not(.is-hover) .nav>.nav-item {
            border-radius: 0;
        }
    }

    @media (min-width:1200px) {
        .sidebar-white.toggling .nav>.nav-item.active.open {
            transition: none;
        }

        .sidebar-white.expandable.collapsed .sidebar-inner:not(.is-hover) .nav>.nav-item.open:not(.active),
        .sidebar-white.hoverable.collapsed .nav>.nav-item.open:not(.active) {
            border-color: transparent;
            background-color: transparent;
        }

        .sidebar-white.expandable.collapsed .sidebar-inner:not(.is-hover) .nav>.nav-item.open:not(.active)>.nav-link,
        .sidebar-white.hoverable.collapsed .nav>.nav-item.open:not(.active)>.nav-link {
            color: #7b8b9c;
            background-color: transparent;
        }

        .sidebar-white.expandable.collapsed .sidebar-inner:not(.is-hover) .nav>.nav-item.open:not(.active)>.nav-link>.nav-icon,
        .sidebar-white.hoverable.collapsed .nav>.nav-item.open:not(.active)>.nav-link>.nav-icon {
            color: #8f98a8;
        }

        .sidebar-white.expandable.collapsed .sidebar-inner:not(.is-hover) .nav>.nav-item.active.open,
        .sidebar-white.hoverable.collapsed .nav>.nav-item.active.open {
            transition: none;
        }
    }

    .sidebar-white .sidebar-search-input {
        color: rgba(68, 80, 92, .9);
        border-bottom-color: rgba(204, 204, 204, .4);
    }

    .sidebar-white .sidebar-search-input:focus {
        border-bottom-color: rgba(140, 174, 213, .73);
    }

    .sidebar-white .sidebar-search-input::-webkit-input-placeholder {
        color: rgba(129, 131, 136, .5);
    }

    .sidebar-white .sidebar-search-input::-moz-placeholder {
        color: rgba(129, 131, 136, .5);
    }

    .sidebar-white .sidebar-search-input:-ms-input-placeholder {
        color: rgba(129, 131, 136, .5);
    }

    .sidebar-white .sidebar-search-input::-ms-input-placeholder {
        color: rgba(129, 131, 136, .5);
    }

    .sidebar-white .sidebar-search-input::placeholder {
        color: rgba(129, 131, 136, .5);
    }

    .sidebar-white .sidebar-search-input::-moz-placeholder {
        color: #818388;
    }

    .sidebar.sidebar-h .nav>.nav-item:hover>.submenu {
        color: #be0100 !important;
        background-color: #ffffff !important;
    }

    .sidebar.sidebar-h .nav>.nav-item:hover,
    .sidebar.sidebar-h .nav>.nav-item.active {
        background-color: #ffffff !important;
        color: #be0100 !important;
    }

    @media (min-width:1200px) {

        .sidebar.sidebar-h .nav>.nav-item>.sub-arrow::before,
        .sidebar.sidebar-h .sidebar-section-item.fadeable-below .sub-arrow::before {
            border-bottom-color: #ffffff;
        }
    }

    .footer-inner {
        background-color: #6f0047 !important;
        color: #ffffff !important;
    }

    .footer {
        /* 	background: linear-gradient(90deg, #303043, #38384e); */
        /*        background: linear-gradient(90deg, #191970, #010165);*/
        background-color: #6f0047 !important;
        padding: 20px 0;
        color: #ffffff !important;
        margin-top: 30px;
        width: 100%;
        margin-top: -4rem;
        padding-bottom: 0px;
        margin-bottom: 0;
        padding-top: 5rem;
    }

    .footer a,
    .footer-inner a {
        color: #ffffff !important;
    }

    .footer a:hover,
    .footer-inner a:hover {
        color: #000000 !important;
    }

    @media (max-width: 576px) {
        .footer {
            padding: 0;
            margin: 0;
        }
    }

    .footer .footer-box-header {
        /* 	border-bottom: 1px solid #0c70de; */
        border-bottom: 1px solid #ffffff;
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        text-shadow: none;
        text-decoration: none;
        white-space: nowrap;
        transition: background-color 150ms, color 150ms;
        margin-right: auto;
        margin-left: auto;
    }

    .footer .footer-box-header h2 {
        font-size: 1.1em;
        /* 	color: #0c70de; */
        color: #ffffff;
        text-align: center;
        padding: 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        text-shadow: none;
        text-decoration: none;
        white-space: nowrap;
        transition: background-color 150ms, color 150ms;
        margin-right: auto;
        margin-left: auto;
    }

    .footer .footer-box-content {
        margin-top: 20px !important;
        margin-right: 5px
    }

    .footer .footer-box-content li>a {
        /* 	color: #333 !important; */
        color: #fff !important;
        margin-right: 0;
        padding: 3px;
        line-height: 25px;
        transition: all .2s ease;
        background-color: transparent
    }

    .footer .footer-box-content a:hover {
        color: #ffff00 !important;
        margin-right: 5px;
        transition: all .3s ease-in-out
    }

    .footer .contacts .contact:first-child~.contact {
        margin-top: 30px
    }

    .boxicon {
        font-size: 2em;
        padding: 5px;
        border-radius: 3px
    }

    .footer .icon {
        /*
        font-size: 2em;
        padding: 5px;
        color: #fff;
        border-radius: 3px;
*/
    }

    .footer .contacts .contact i {
        margin: 0 0 0 10px !important;
        float: right
    }

    .footer .contacts .contact .contact-title {
        display: inline-block;
        vertical-align: top;
        width: 80px
    }

    .footer .contacts .contact .contact-details {
        color: #fff;
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 90px)
    }

    .footer .contacts .contact .contact-details ul {
        margin: 0
    }

    .footer .contacts .contact .contact-detail-title {
        display: inline-block;
        width: 90px;
        line-height: 25px;
        color: #ffffff;
        /* 	color: #0c70de */
    }

    .footer .contacts .contact .contact-detail-value {
        display: inline-block;
        width: calc(100% - 100px);
        color: #ffffff;
        /* 	color: #333; */
    }

    @media(max-width:767px) {
        .footer-box-header {
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
        }

        .footer .footer-box-content {
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
        }
    }

    .footer-about {
        padding: 5px;
        line-height: 19px;
        text-align: right;
    }

    .text-muted-footer {
        font-size: 0.9rem;
    }

    @media (max-width:765px) {
        .text-muted-footer {
            font-size: 0.6rem;
        }
    }

    .card {
        border: 1px solid #dddddd;
    }

    .card-header {
        margin-bottom: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .125);
        color: #ffffff !important;
        font-weight: 900;
        padding: 5px;
        padding-left: 2.7rem;
        padding-right: 1rem;
        background-image: url("../images/logo2.png"), linear-gradient(90deg, #ff686d 15%, #010165);
        /*        background: linear-gradient(90deg, #ff686d 15%, #010165), url("../images/logo.png");*/
        /*        background-position: 1rem 50%;*/
        background-repeat: no-repeat;
        background-size: auto 100%;
        /* Do not repeat the image */
        height: 5rem;
        text-align: justify;
    }

    .card-header a {
        color: #ffffff !important;
    }

    .card-header a:hover {
        color: #000000 !important;
    }

    .text-kazemi {
        color: #ffffff !important;
    }

    .text-footer-kazemi {
        color: #898989 !important;
    }

    /*
    .kazemifooter {
        color: #ffffff !important;
    }

    .kazemifooter a {
        color: #000000 !important;
    }

    .kazemifooter a:hover {
        color: yellow !important;
    }
*/


    .hd-multimedia-live {
        height: 4rem;
        border-bottom: 2px solid #6f0047;
        margin-right: 1rem;
        margin-left: 1rem;
        width: 100%;
    }

    .hd-title-live,
    .hd-title-live a {
        height: 4rem;
        background: #6f0047;
        color: #ffffff;
        width: auto;
        display: block;
        position: relative;
        float: right;
        border-radius: 0 5px 0 0;
        font-size: 1em;
        /*        font-weight: 900;*/
        padding-right: 0.3em;
        padding-left: 0.2em;
        line-height: 4em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        text-shadow: none;
        text-decoration: none;
        white-space: nowrap;
        transition: background-color 150ms, color 150ms;
    }

    .hd-ax-live {
        width: 0;
        height: 0;
        border-bottom: 4rem solid #6f0047;
        border-left: 4rem solid transparent;
        position: absolute
    }

    .archive-multimedia {
        float: left;
        font-size: 1em;
        color: #db0100;
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        color: #ffffff;
        background-color: #6f0047;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-right: 2rem;
        padding-left: 2rem;
    }

    /*    contact Page    */

    .contact-item[caroopclass] {
        position: relative;
        padding-right: 4.7em;
        margin-top: 1em;
    }

    .contact-item-far[caroopclass] {
        position: relative;
        padding-right: 4.7em;
        margin-top: 1em;
    }

    .contact-item-eng[caroopclass] {
        position: relative;
        padding-left: 4.7em;
        margin-top: 1em;
    }

    .contact-icon[caroopclass] {
        width: 4.5em !important;
        height: 4.5em !important;
        border-radius: 50% !important;
        border: 2px solid #6f0047 !important;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        transition: all 0.5s ease-in-out 0s;
    }

    .contact-icon-far[caroopclass] {
        width: 4.5em !important;
        height: 4.5em !important;
        border-radius: 50% !important;
        border: 2px solid #6f0047 !important;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        transition: all 0.5s ease-in-out 0s;
    }

    .contact-icon-eng[caroopclass] {
        width: 4.5em !important;
        height: 4.5em !important;
        border-radius: 50% !important;
        border: 2px solid #6f0047 !important;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.5s ease-in-out 0s;
    }

    .contact-item[caroopclass] span[caroopclass] {
        color: #333;
        line-height: 4.5em;
        text-align: right;
    }

    .contact-item-eng[caroopclass] span[caroopclass] {
        color: #333;
        line-height: 4.5em;
        text-align: left;
    }

    .contact-item-far[caroopclass] span[caroopclass] {
        color: #333;
        line-height: 4.5em;
        text-align: right;
    }

    .contact-item[caroopclass] .title[caroopclass],
    .contact-item-far[caroopclass] .title[caroopclass],
    .contact-item-eng[caroopclass] .title[caroopclass] {
        color: #aaa;
        transition: all 0.5s ease-in-out 0s;
    }

    .contact-icon[caroopclass]:hover,
    .contact-icon-far[caroopclass]:hover,
    .contact-icon-eng[caroopclass]:hover {
        background: #6f0047 !important;
        border: 2px solid #6f0047 !important;
        transform: rotate(360deg);
        transition: all 0.5s ease-in-out 0s;
    }

    .contact-icon[caroopclass]:hover i[caroopclass],
    .contact-icon-far[caroopclass]:hover i[caroopclass],
    .contact-icon-eng[caroopclass]:hover i[caroopclass] {
        color: #ffffff;
    }

    .contact-icon[caroopclass] i[caroopclass],
    .contact-icon-far[caroopclass] i[caroopclass],
    .contact-icon-eng[caroopclass] i[caroopclass] {
        font-size: 2em;
        color: #6f0047;
        line-height: 2em;
    }

    .contact-icon-index i {
        font-size: 3em;
        border: 3px solid #ddd !important;
        color: #6f0047;
        line-height: 7rem;
        width: 7rem !important;
        height: 7rem !important;
        border-radius: 50% !important;
        text-align: center;
        position: inherit;
    }

    .contact-icon-index i:hover {
        background: #6f0047 !important;
        border: 3px solid #6f0047 !important;
        border-radius: 50% !important;
        color: #ffffff;
    }

    agm-map[caroopclass] {
        height: 300px
    }

/*    contact Page    */

    @media (min-width:992px) {
        .navbar-inner {
            border-top: 0rem solid #134573 !important;
        }

        #triangle_down {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 3rem 25rem 0 25rem;
/*            border-color: #14B0BF transparent transparent;*/
            margin: 0 auto 15px auto;
            border-color: #6f0047 transparent transparent;
        }
        
        #triangle_top {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0px 25rem 3rem 25rem;
/*            border-color: #14B0BF transparent transparent;*/
            margin: 2px auto auto auto;
            border-color: transparent transparent #6f0047;
        }
        
        .fontcoloraccess, .fontcoloraccess a {
            color: #ffffff;
        }
        
        .fontcolorstatistics, .fontcolorstatistics a {
            color: #ffffff;
        }
        
    }

    @media (max-width:991px) {
        #triangle_down {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 4em 15em 0 15em;
/*            border-color: #14B0BF transparent transparent;*/
            margin: 0 auto 15px auto;
            border-color: #6f0047 transparent transparent;
        }
        
        #triangle_top {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 15em 4em 15em;
/*            border-color: #14B0BF transparent transparent;*/
            margin: 15px auto auto auto;
            border-color: #6f0047 transparent transparent;
        }
        
        .fontcoloraccess, .fontcoloraccess a {
            color: #ffffff;
        }
        
    }

    .linktexticon {
        width: auto;
        display: block;
        position: relative;
        font-size: 1.05em;
        font-weight: 900;
        padding-right: 0.3em;
        padding-left: 0.2em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        text-shadow: none;
        text-decoration: none;
        white-space: nowrap;
        transition: background-color 150ms, color 150ms;
    }



    .slideshoweuradvin {
        margin: 0 auto;
        padding: 0 0 0 20px;
        /* Slick Slider */
        /* Arrows */
    }

    .slideshoweuradvin .event {
        padding: 6px 3px;
        -moz-transition: background-color 0.5s ease-in-out;
        -webkit-transition: background-color 0.5s ease-in-out;
        -o-transition: background-color 0.5s ease-in-out;
        transition: background-color 0.5s ease-in-out;
    }

    .slideshoweuradvin .event .date-col {
        width: 20%;
    }

    .slideshoweuradvin .event .date-col .day {
        display: block;
        margin: 0 auto;
        background-color: #2A3875;
        color: #FFFFFF;
        border-radius: 5px;
        width: px;
        line-height: 26px;
        font-size: 10px;
        text-align: center;
        -moz-transition: color, background-color 0.5s ease-in-out;
        -webkit-transition: color, background-color 0.5s ease-in-out;
        -o-transition: color, background-color 0.5s ease-in-out;
        transition: color, background-color 0.5s ease-in-out;
    }

    .slideshoweuradvin .event .date-col .month {
        text-align: center;
        font-size: 12px;
        color: #2a3875;
        -moz-transition: color 0.5s ease-in-out;
        -webkit-transition: color 0.5s ease-in-out;
        -o-transition: color 0.5s ease-in-out;
        transition: color 0.5s ease-in-out;
    }

    .slideshoweuradvin .event .info-col {
        width: 80%;
        padding: 0 5px;
        text-align: justify;
    }

    .slideshoweuradvin .event .info-col a {
        display: block;
        font-size: 11px;
        line-height: 20px;
        color: #1A1A1A;
        -moz-transition: color 0.5s ease-in-out;
        -webkit-transition: color 0.5s ease-in-out;
        -o-transition: color 0.5s ease-in-out;
        transition: color 0.5s ease-in-out;
    }

    .slideshoweuradvin .event .info-col .event-hour {
        color: #808080;
        font-size: 11px;
        line-height: 28px;
        -moz-transition: color 0.5s ease-in-out;
        -webkit-transition: color 0.5s ease-in-out;
        -o-transition: color 0.5s ease-in-out;
        transition: color 0.5s ease-in-out;
    }

    .slideshoweuradvin .event:hover {
        background-color: #e5622e;
    }

    .slideshoweuradvin .event:hover .date-col .day {
        background-color: #ffffff;
        color: #2A3875;
    }

    .slideshoweuradvin .event:hover .date-col .month {
        color: #ffffff;
    }

    .slideshoweuradvin .event:hover .info-col a {
        color: #ffffff;
    }

    .slideshoweuradvin .event:hover .info-col .event-hour {
        color: #FFDAB6;
    }

    .slideshoweuradvin.slick-slider .slick-prev,
    .slideshoweuradvin.slick-slider .slick-next {
        display: block;
        position: absolute;
        left: calc(50% - 16px);
        width: 32px;
        height: 32px;
        padding: 0;
        cursor: pointer;
        border: 1px solid transparent;
        outline: none;
        background-color: transparent;
        border-radius: 50%;
        z-index: 2;
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .slideshoweuradvin.slick-slider .slick-prev:hover,
    .slideshoweuradvin.slick-slider .slick-next:hover {
        border-color: #384884;
    }

    .slideshoweuradvin.slick-slider .slick-next {
        bottom: -16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIdJREFUeNpi1rIoFRCVsc54/eTYCQYiAVBPAVDPDSYgez8Q9wMF5hOpEaSuH6QPpHkiVDyBkAFQ+QQodyIz0LkXgE54COQEALEBkK0AFNtIQGPitRPdC5hBLEIGYNMIYjDDFOAyAJdGEGDE4jyQQmx+R9GIYjMWFxgAsQAQPwDiQnSNIAAQYAAMZUombRqtHAAAAABJRU5ErkJggg==) no-repeat center;
    }

    .slideshoweuradvin.slick-slider .slick-prev {
        top: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUeNpiZMACtCxKBYBUAhCD6A9AvODaie4P6OoYcWjcD8QGSMIXgNgR3QAmPBpBChuhNIi/HyqPqRmLRpBNDSAalwGMeDReQDLYACovgOwFRkIa8RnAhKTxAS6NIAAVR/ECSPNEqEmGuDTiMGAiQIABAM42QyAvDPrRAAAAAElFTkSuQmCC) no-repeat center;
    }

    .kazemitoplogo {
        display: block;
    }

    .kazemitoplogonone {
        display: none;
    }

    .fontcolormenu {
        color: #0b0b0b !important;
    }

    .radsearch-main-input input {
        border: 1px solid #DDD !important;
        border-radius: 1rem;
    }

    .offer_bottom_caption {
        position: absolute;
        bottom: 0;
        left: 50%;
        background: rgba(255, 255, 255, 0.9);
        padding: 5px;
        width: 98%;
        border-radius: 10px 10px 0 0;
        transform: translate(-50%, 0px);
        text-align: center;
    }

    .offer_bottom_caption p {
        font-size: 1em;
        font-weight: 600;
        color: #ff5722;
        margin-bottom: 3px;
        text-transform: uppercase
    }

    .offer_title {
        font-size: 1.2em;
        color: #2D3954;
        font-weight: 900;
        line-height: 20px
    }

    .offer_bottom_caption span {
        font-size: 13px;
        line-height: 24px
    }

    .offer_box_btn {
        position: absolute;
        top: 20px;
        left: 20px;
        display: inline-block;
        padding: 10px 22px;
        background: #f55d2c;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 500;
    }

    .less_price {
        text-decoration: line-through;
        color: #74869c;
    }

    .woo_price {
        width: 100%;
        display: flex;
        align-items: center
    }

    .woo_price h6 {
        font-size: 16px;
        color: #ffffff;
        margin-bottom: 0;
    }

    .woo_price h6 span {
        margin-left: 1rem;
        font-size: 12px;
        font-weight: 400;
        /* color: #74869c; */
        /* text-decoration: line-through; */
    }

    .woo_off_text {
        width: 80px;
        height: 80px;
        align-items: center;
        display: flex;
        justify-content: center;
        border-radius: 50%;
        background: #f13434;
        text-align: center
    }

    .woo_off_text h4 {
        line-height: 1.2;
        color: #fff;
        margin: 0
    }

    .woo_off_text span {
        display: block;
        font-size: 16px
    }




    .shop-action {
        transition: all 0.35s ease;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
    }

    .shop-action a[class*="product_type_"] {
        font-size: 1em;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center;
        padding: 5px;
        height: 32px;
        width: 32px;
        margin-top: 5px;
        font-weight: 700;
        white-space: nowrap;
        position: relative;
        z-index: 1;
        border-radius: 30px;
        transition: all 0.3s;
        background-repeat: no-repeat;
        background-size: 0 100%;
        width: auto;
        padding-left: 2rem;
        padding-right: 1rem;
    }


    .shop-action a[class*="product_type_"]:before {
        font-family: "Font Awesome 5 Free";
        content: "\f07a";
        font-weight: 900;
        font-size: 1.2em;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        transition: all 0.3s;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #0b0b0b;
        margin-left: 5px;
        z-index: 1;
        background-color: #ffffff;
    }

    .shop-action a[class*="product_type_"]:not(.loading):hover {
        color: #0b0b0b;
        background-size: 100% 100%;
    }

    .shop-action a[class*="product_type_"]:not(.loading):hover:before {
        /*    text-indent: 15px;*/
        text-indent: 10px;
    }

    .shop-action a[class*="product_type_"] {
        background-image: linear-gradient(to right, #ffffff 0, #ffffff 100%);
    }


    .shop-danger {
        transition: all 0.35s ease;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
    }

    .shop-danger a[class*="product_type_"] {
        font-size: 1em;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center;
        padding: 5px;
        height: 32px;
        width: 32px;
        margin-top: 5px;
        font-weight: normal;
        white-space: nowrap;
        position: relative;
        z-index: 1;
        border-radius: 30px;
        transition: all 0.3s;
        background-repeat: no-repeat;
        background-size: 0 100%;
        width: auto;
        padding-left: 2rem;
        padding-right: 1rem;
    }


    .shop-danger a[class*="product_type_"]:before {
        font-family: "Font Awesome 5 Free";
        content: "\f1f8";
        font-weight: 900;
        font-size: 1.2em;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        transition: all 0.3s;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        margin-left: 5px;
        z-index: 1;
        background-color: red;
    }

    .shop-danger a[class*="product_type_"]:not(.loading):hover {
        color: #0b0b0b;
        background-size: 100% 100%;
    }

    .shop-danger a[class*="product_type_"]:not(.loading):hover:before {
        text-indent: 10px;
        /*    text-indent: 15px;*/
    }

    .shop-danger a[class*="product_type_"] {
        background-image: linear-gradient(to right, red 0, red 100%);
    }

    .tab-pane.active {
        opacity: 1;
    }

    html {
            --navbar-sm-height: 3.5em;
        }

        .avatarlogin {
            vertical-align: middle;
            width: 2.3em;
        }

        .animationkazemi {
        animation: slide-down 1s ease-out;
    }

    .animationkazemi2 {
        animation: slide-down2 1s ease-out;
    }

    @keyframes slide-down {
        0% {
            opacity: 0;
            transform: translateY(100%);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes slide-down2 {
        0% {
            opacity: 0;
            transform: translateY(10%);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .animationkazemileft {
        animation: slide-left 1s ease-out;
    }

    @keyframes slide-left {
        0% {
            opacity: 0;
            transform: translateX(-10%);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @media (min-width:1200px) {
        .main-content .navbar-fixed .navbar-inner {
            border-bottom: 1px solid #ffffff;
        }
    }

    .table .thead-dark th {
        color: #0b0b0b;
        background-color: #ffffff;
        border-color: #0b0b0b;
        font-weight: normal;
    }

    .list-group-item {
        background-color: #ffffff;
        border: 1px solid #0b0b0b;
        color: #0b0b0b;
    }

    .list-group a {
        color: #0b0b0b;
    }

    .list-group a:hover {
        background-color: #ffffff !important;
        color: #be0100 !important;
/*
        padding-right: 2rem;
        transition: all .3s ease-in-out; 
*/
    }
    
    .card-body .tab-label {
        background: #ffffff !important;
        color: #0b0b0b !important;
    }
    .card-body .tab-label:hover {
        background: #ffffff !important;
        color: #be0100 !important;
    }
</style>