/*

    Author Css: Mehrdad Khodaei
    
    ---------------- Info ----------------
    
    Date Created:   1398/4/19
    Email:          mkhodaii@itshams.ir - mehrdadkhodaei18@gmail.com
    Phone:          +98 933 805 9497
    
    Powerd By:		ITShams Company - https://www.itshams.ir/

*/

/*---------------------- Public Style ---------------------*/

body {
    background-color: #fff;
    margin: 0;
    padding: 0;
    direction: rtl;
}

* {
    font-family: IRANSans, Open_Sans;
    outline: medium none !important;
    text-decoration: none !important;
}
.row {
    margin-right: 0;
    margin-left: 0;
}

.lf-article .box-style,
.other-news .box-style,
.mohtava .box-style{

    position: relative;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 8px -3px #bbb;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0;
}

.lf-article .title-box,
.other-news  .title-box,
.mohtava .title-box{

    position: relative;
    width: 125px;
    margin: 0 auto;
    text-align: center;
    font-weight: 400;
}

.lf-article .title-box:before,
.lf-article .title-box:after,
.other-news .title-box:before,
.other-news .title-box:after,
 .mohtava .title-box:before,
.mohtava .title-box:after{

    content: "";
    width: 35px;
    height: 22px;
    background-color: #005aa7;
    border-radius: 4px;
    position: absolute;
    top: 8px;
}

.lf-article .title-box:before,
.other-news .title-box:before, 
.mohtava .title-box:before{

    transform: rotate(45deg);
    right: -3px;
}

.lf-article .title-box:after,
.other-news .title-box:after,
.mohtava .title-box:after{

    transform: rotate(-45deg);
    left: -3px;
}

.lf-article .title-box > span,
.other-news .title-box > span ,
.mohtava .title-box > span{

    position: relative;
    display: inline-block;
    padding: 5px 10px;
    background-color: #005aa7;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    z-index: 10;
}

.lf-article .title-news {

    position: relative;
    padding: 0 15px;
    margin-top: 15px;
}

.lf-article .title-news:before{

    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    position: absolute;
    top: 13px;
    right: 0;
    left: 0;
    z-index: 0;
}

.lf-article .title-news .name{

    position: relative;
    float: right;
    display: inline-block;
    background-color: #005aa7;
    font-size: 14px;
    padding: 5px 8px 7px 5px;
    border-radius: 2px;
    color: #fff;
    margin: 0;
}

.lf-article .title-news .name:before

    content: "";
    width: 20px;
    height: 2px;
    background-color: #1cb5e0;
    position: absolute;
    top: 12px;
    right: -15px;
    z-index: 5;
}

.lf-article .title-news .name:after{

    content: "";
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background-color: #1cb5e0;
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 5;
}

.lf-article .title-news .name  span{

    position: relative;
    z-index: 10;
}

.lf-article .title-news  a {

    position: relative;
    float: left;
    z-index: 10;
}

.lf-article .title-news  .rss,
.ost-news .btns-box  .rss,
.other-news .title-news  .rss {

    width: 25px;
    height: 25px;
    background-color: #f93;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
}

.lf-article .title-news  .rss:before
 {

    content: "";
    width: 20px;
    height: 2px;
    background-color: #f93;
    position: absolute;
    top: 12px;
    left: -15px;
    z-index: 5;
}

.lf-article .title-news  .archive,
.ost-news .btns-box  .archive,
.other-news .archive {

    height: 25px;
    padding: 3px 10px;
    background-color: #1cb5e0;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    margin-left: 5px;
	margin-right: 5px;
}

.lf-article .br-title,
.ost-news .br-title,
.other-news .title-news,
.multimedia-th .br-title{

    position: relative;
    text-align: center;
    margin: 10px 0 0;
}
.other-news .br-title{

   
    margin-top:0;
}

.lf-article .br-title:before,
.ost-news .br-title:before,
.other-news .title-news:before,
.multimedia-th .br-title:before {

    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #fff;
    position: absolute;
    top: 18px;
    right: 0;
    left: 0;
    z-index: 0;
    opacity: 0.3;
}

.lf-article .br-title  span,
.ost-news .br-title span,
.other-news .title-news span,
.multimedia-th .br-title apan {

    position: relative;
    display: inline-block;
    padding: 8px 15px 10px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    font-size: 14px;
    color: #005aa7;
    border-right: 4px solid #1cb5e0;
    border-left: 4px solid #1cb5e0;
}

.lf-article .btns-box
 {
float: left;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}
.ost-news .btns-box,
.other-news .btns-box {

    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}

.content-main .owl-news {

    display: block;
    width: 100%;
}

/*---------------------- /Public Style ---------------------*/

/*---------------------- Header Main ---------------------*/

.header-main {

    padding: 0;
}

/*---------------------- Header Top ---------------------*/

.header-main .header-top {

    position: relative;
    padding: 5px 10px;
    background-color: #1cb5e0;
}

.header-main .header-top:before {

    content: "";
    background: url('../images/header/top-head.png') no-repeat center center / 125px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 125px;
    height: 30px;
}

.header-main .header-top > div {

    padding: 0;
}

.header-main .header-top .ic-head {

    background-color: rgba(255, 255, 255, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    float: right;
    width: 25px;
    height: 25px;
    border-radius: 2px;
    margin-left: 6px;
    transition: all 0.3s;
}

.header-main .header-top .ic-head:hover {

    background-color: #fff;
    color: #1cb5e0;
}

.header-main .header-top .date {

    background-color: rgba(255, 255, 255, 0.35);
    float: left;
    height: 25px;
    font-size: 10px;
    border-radius: 2px;
    padding: 2px 10px 2px 2px;
    color: #fff;
    line-height: 2;
	box-shadow: none;
}

.header-main .header-top .date > .fas {

    width: 21px;
    height: 21px;
    background-color: #005aa7;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    float: left;
    margin-right: 5px;
}

.header-main .header-top .left-op .ic-head {

    float: left;
    font-size: 12px;
}

.header-main .header-top .left-op .fa-exchange-alt {

    font-size: 10px;
    color: #005aa7;
    float: left;
    margin-left: 5px;
    opacity: 0.5;
    line-height: 2.5;
}

/*---------------------- /Header Top ---------------------*/

/*---------------------- Header Logo ---------------------*/

.header-main .header-logo {

    position: relative;
    background-color: #005aa7;
    height: 145px;
}

.header-main .header-logo:before {

    content: "";
    background: url('../images/header/rh98.png') no-repeat center center / 180px;
    width: 180px;
    height: 120px;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 10;
}

.header-main .header-logo:after {

    content: "";
    background: url('../images/header/nemad.png') no-repeat center center / 220px;
    width: 220px;
    height: 140px;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 10;
    opacity: 0.6;
}

.header-main .header-logo .logo-main {

    position: relative;
    width: 60%;
    margin: 0 auto;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-main .header-logo .logo-main:before {

    content: "";
    background: url('../images/header/shamse.png') no-repeat top center / 600px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: 0.12;
}

.header-main .header-logo .logo-main:after {

    content: "";
    background: url('../images/header/besm.png') no-repeat center center / 90px;
    width: 90px;
    height: 30px;
    position: absolute;
    top: -15px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 5;
}

.header-main .header-logo .logo-main .img-lg {

    width: 90px;
    position: relative;
    z-index: 20;
}

/*---------------------- /Header Logo ---------------------*/

/*---------------------- Header Menu ---------------------*/


.header-main .header-menu {

    padding: 0 130px;
}

.header-main .header-menu .nav-th {

    background-color: #1cb5e0;
    border: none;
    position: relative;
    top: -20px;
    z-index: 99999;
    box-shadow: 0 2px 9px -4px #999;
    min-height: 40px;
    margin: 0;
}
.header-main .header-menu .nav-th > div.pull-right {
	padding :0;
}
.header-main .header-menu .nav-th .navbar-collapse,
.header-main .header-menu .smartmenu-div {

    padding: 0;
}

.header-main .header-menu .nav-th:before {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 38px;
    border-color: transparent transparent transparent #1cb5e0;
    position: absolute;
    top: -1px;
    right: -37px;
    border-radius: 4px;
}


.header-main .header-menu .nav-th:after {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 40px 21px 0;
    border-color: transparent #1cb5e0 transparent transparent;
    position: absolute;
    top: 0;
    left: -37px;
    border-radius: 4px;
}

.header-main .header-menu .nav-th .navbar-nav {

    padding: 0;
	float: right;
	
}

.header-main .header-menu .nav-th .navbar-nav > li {

    position: relative;
    float: right;
}

.header-main .header-menu .nav-th .navbar-nav > li:before {

    content: "";
    background: url('../images/header/ic-menu.png') no-repeat center center / 4px;
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 20px;
    opacity: 0.5;
}

.header-main .header-menu .nav-th .navbar-nav > li:last-child:before {

    display: none;
}

.header-main .header-menu .nav-th .navbar-nav > li > a {

    padding: 8px 8px 10px;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 1px 3px #555;
}

.header-main .header-menu .nav-th .navbar-nav > li > a > .fas {

    font-size: 10px;
    color: #005aa7;
    text-shadow: none;
    position: relative;
    top: 2px;
    width: 12px;
    right: 3px;
}

.header-main .nav-th .navbar-nav > .open > a,
.header-main .nav-th .navbar-nav > .open > a:focus,
.header-main .nav-th .navbar-nav > .open > a:hover,
.header-main .nav-th .nav .open > a,
.header-main .nav-th .nav .open > a:focus,
.header-main .nav-th .nav .open > a:hover {

    background-color: transparent;
    opacity: 0.6;
}

.header-main .nav-th .dropdown-menu > li > a {

    color: #555;
    font-size: 12px;
    text-align: right;
    padding: 5px 10px 5px 20px;
    transition: all 0.3s;
}

.header-main .nav-th .dropdown-menu > li > a:hover {

    background-color: #005aa7;
    color: #fff;
}

.header-main .nav-th .navbar-nav > li > .dropdown-menu {

    border: none;
	left: auto;
    box-shadow: 0 4px 12px -4px #ccc;
}

.header-main .nav-th .navbar-nav > li > .dropdown-menu:before {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -6px;
    right: 30px;
}

.header-main .nav-th .navbar-nav > li > .dropdown-menu .dropdown-submenu {

    position: relative;
}

.header-main .nav-th .navbar-nav > li > .dropdown-menu .dropdown-submenu > .dropdown-menu {

    top: -2px;
    right: 100%;
    border: none;
}

.header-main .nav-th .navbar-nav > li > .dropdown-menu .dropdown-submenu .fas {

    position: absolute;
    left: 5px;
    top: 10px;
    font-size: 10px;
    color: #ddd;
}

.header-main .nav-th .navbar-nav > li > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu,
.header-main .nav-th .navbar-nav > li > .dropdown-menu .dropdown-submenu > .dropdown-menu:hover {

    display: block;
	width: auto;
	left: auto;
	min-width: auto;
}

.header-main .nav-th .input-group {

    position: relative;
    direction: ltr;
    margin-top: 5px;
}

.header-main .nav-th .input-group .input-group-addon {

    background-color: transparent;
    border: none;
    position: absolute;
    left: 5px;
    top: 9px;
    padding: 0;
    font-size: 12px;
    color: #005aa7;
    z-index: 99;
}

.header-main .nav-th .input-group .form-control {

    position: relative;
    border: none;
    box-shadow: none;
    border-radius: 4px;
    background-color: #fff;
    direction: rtl;
    font-size: 12px;
    height: 30px;
    padding: 0 5px 0 20px;
    transition: all 0.3s;
}

.header-main .nav-th .input-group .form-control:focus {

    padding-left: 40px;
}

.header-main .nav-th .input-group:before,
.header-main .nav-th .input-group:after {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 0;
    border-radius: 4px;
    z-index: 10;
}

.header-main .nav-th .input-group:before {

    border-width: 15px 0 15px 30px;
    border-color: transparent transparent transparent #fff;
    right: -27px;
}

.header-main .nav-th .input-group:after {

    border-width: 15px 30px 15px 0;
    border-color: transparent #fff transparent transparent;
    left: -27px;
}

/*---------------------- /Header Menu ---------------------*/

/*---------------------- /Header Main ---------------------*/

/*---------------------- Content Main ---------------------*/

.content-main {

    padding: 0;
}
.news-multiplier {
	padding: 0;
	margin:0;
}
/*---------------------- Side Right Top ---------------------*/
.content-main .top-slider {
	margin-top: -20px;
}
.content-main .rt-side  {

    padding: 0;
    margin-right: -10px;
    margin-left: -30px;
}
.content-main .rt-side .inf-ostandar {

    padding: 15px 0 35px;
}

.content-main .rt-side .inf-ostandar .title-box {

    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.content-main .rt-side .inf-ostandar .info-ost {

    position: relative;
    padding: 0 15px;
}

.content-main .rt-side .inf-ostandar .info-ost:before {

    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
}

.content-main .rt-side .inf-ostandar .img-ost {

    width: 150px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
    float: right;
    position: relative;
    z-index: 10;
}

.content-main .rt-side .inf-ostandar .img-ost > img {

    width: 100%;
    height: 100%;
}

.content-main .rt-side .inf-ostandar .socials-ost {

    display: flex;
    justify-content: flex-end;
    height: 80px;
    align-items: center;
}

.content-main .rt-side .inf-ostandar .socials-ost .ic-ost {

    position: relative;
    background-color: rgba(28, 181, 224, 0.6);
    width: 32px;
    height: 32px;
    border: 2px solid #eee;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    margin-right: 6px;
    z-index: 10;
    transition: all 0.3s;
}

.content-main .rt-side .inf-ostandar .socials-ost .ic-ost:hover {

    background-color: rgba(0, 90, 167, 0.8);
}

.content-main .rt-side .inf-ostandar .socials-ost .tooltip-inner {

    font-size: 10px;
}

.content-main .rt-side .socials-th {

    padding: 35px 15px 15px;
}

.content-main .rt-side .socials-th .title-box {

    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.content-main .rt-side .socials-th .title-box::before,
.content-main .rt-side .desk-services .title-box::before {

    top: auto;
    bottom: 8px;
    transform: rotate(-45deg);
    right: -15px;
}

.content-main .rt-side .socials-th .title-box::after,
.content-main .rt-side .desk-services .title-box::after {

    top: auto;
    bottom: 8px;
    transform: rotate(45deg);
    left: -15px;
}

.content-main .rt-side .socials-th .box-desc {

    background-color: #f5f5f5;
    border: 2px solid #eee;
    border-radius: 4px;
    padding: 10px;
    text-align: center;
}

.content-main .rt-side .socials-th .box-desc .sm-desc {

    font-size: 12px;
    color: #999;
    font-weight: 300;
    margin: 0 0 5px;
}

.content-main .rt-side .socials-th .box-desc .id-th {

    padding: 1px 10px;
    background-color: #fff;
    border-radius: 2px;
    color: #1cb5e0;
    font-weight: 500;
    font-size: 12px;
    box-shadow: 0 2px 5px -3px #aaa;
}

.content-main .rt-side .socials-th .box-desc .bl-desc {

    font-size: 12px;
    font-weight: 500;
    color: #005aa7;
    margin: 10px 0 0;
}

.content-main .rt-side .socials-th .list-sc {

    padding: 0 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.content-main .rt-side .socials-th .list-sc .box-sc {

    margin: 4px;
}

.content-main .rt-side .socials-th .list-sc .box-sc,
.content-main .rt-side .socials-th .list-sc .box-sc .img-sc {

    width: 38px;
    height: 38px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 2px 8px -3px #999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}

.content-main .rt-side .socials-th .list-sc .box-sc .img-sc {

    width: 32px;
    height: 32px;
    box-shadow: 0 2px 8px -3px #aaa inset;
}

.content-main .rt-side .socials-th .list-sc .box-sc .img-sc > img {

    width: 18px;
}

.content-main .rt-side .socials-th .list-sc .box-sc:hover {

    box-shadow: none;
    background-color: #77d3ec;
}

.content-main .rt-side .desk-services {

    padding: 0 0 15px;
    text-align: center;
}

.content-main .rt-side .desk-services .title-box::before {

    right: -18px;
}

.content-main .rt-side .desk-services .title-box::after {

    left: -18px;
}

.content-main .rt-side .desk-services .list-items {

    padding: 0;
    margin: 15px 0;
}

.content-main .rt-side .desk-services .list-items > li {

    font-size: 11px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 23px;
    padding-left: 15px;
    margin-bottom: 15px;
    text-align: right;
}

.content-main .rt-side .desk-services .list-items > li > a {

    position: relative;
    color: #333;
    line-height: 1.5;
    transition: all 0.3s;
}

.content-main .rt-side .desk-services .list-items > li > a:hover {

    color: #1cb5e0;
    padding-right: 3px;
}

.content-main .rt-side .desk-services .list-items > li > a:before {

    content: "";
    background-color: #eee;
    height: 2px;
    width: 10px;
    position: absolute;
    right: -23px;
    top: 9px;
}

.content-main .rt-side .desk-services .list-items > li > a:after {

    content: "";
    width: 9px;
    height: 9px;
    border-radius: 2px;
    background-color: #77d3ec;
    position: absolute;
    right: -15px;
    top: 5px;
}

.content-main .rt-side .desk-services .list-items > li > a:hover:after {

    background-color: #ff9933;
    transition: all 0.3s;
}

.content-main .rt-side .desk-services .btn-archive {

    background-color: #f93;
    border-radius: 2px;
    padding: 2px 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s;
}

.content-main .rt-side .desk-services .btn-archive:hover {

    background-color: #1cb5e0;
}

/*---------------------- /Side Right Top ---------------------*/

/*---------------------- Article left Top ---------------------*/
.content-main .slideshow-main .text-slide .title:before {
    top: -10px;
    right: 0;
    background-color: #1cb5e0;
}
.content-main .slideshow-main .text-slide .title:after {
    content: "";
    height: 2px;
    width: 50px;
    position: absolute;
}
.content-main .slideshow-main {

    padding: 15px;
	padding: 0px;
    margin-right: 0;
    margin-left: 0;
	height: 280px;
}
.content-main .slideshow-main .item-slide a {
	
	width:100%;
}
.content-main .slideshow-main .list-slides,
.content-main .slideshow-main .item-slide,
.content-main .slideshow-main .img-slide {

    padding: 0;
}

.content-main .slideshow-main .img-slide {

    position: relative;
    height: 250px;
    border-radius: 4px;
}

.content-main .slideshow-main .img-slide:before {

    content: "";
    border: 2px dashed #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.content-main .slideshow-main .img-slide  img {

    width: 100%;
    height: 100%;
}

.content-main .slideshow-main .img-slide .date {

    position: absolute;
    top: 0px;
    right: 10px;
    background-color: #1cb5e0;
    padding: 5px;
    border-radius: 2px;
    min-width: 45px;
}

.content-main .slideshow-main .img-slide .date .numbers {

    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    text-align: center;
    overflow: hidden;
}

.content-main .slideshow-main .img-slide .date .numbers  span {

    display: block;
}

.content-main .slideshow-main .img-slide .date .day {

    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
}

.content-main .slideshow-main .img-slide .date .year {

    background-color: rgba(0, 90, 167, 0.5);
    font-size: 10px;
    color: #fff;
    padding: 2px 0 0px;
}

.content-main .slideshow-main .img-slide .date .month {

    font-size: 9px;
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 5px;
    opacity: 0.5;
}

.content-main .slideshow-main .text-slide .title-sl,
.content-main .slideshow-main .text-slide .title {

    position: relative;
    font-size: 16px !important;
    font-weight: bold;
    color: #005aa7 !important;
    text-align: center !important;
    line-height: 1.5;
}
.content-main .slideshow-main .text-slide label {

   display:none;
}

.content-main .slideshow-main .text-slide .title-sl:before,
.content-main .slideshow-main .text-slide .title-sl:after,
.content-main .slideshow-main .text-slide .title:before,
.content-main .slideshow-main .text-slide .title:after {

    content: "";
    height: 2px;
    width: 50px;
    position: absolute;
}

.content-main .slideshow-main .text-slide .title-sl:before,
.content-main .slideshow-main .text-slide .title:before {

    top: -10px;
    right: 0;
    background-color: #1cb5e0;
}

.content-main .slideshow-main .text-slide .title-sl:after,
.content-main .slideshow-main .text-slide .title:after {

    bottom: -10px;
    left: 0px;
    background-color: #eee;
}

.content-main .slideshow-main .text-slide .desc {

    font-size: 13px;
    font-weight: 300;
    color: #999;
    text-align: justify;
    margin-top: 30px;
    line-height: 2;
}

.content-main .slideshow-main .owl-nav {

    display: none;
}
.content-main .slideshow-main .owl-nav {

    display: none;
}

.content-main .slideshow-main .owl-dots {

    position: absolute;
    bottom: 0;
    left: 0;
}

.content-main .slideshow-main .owl-dot {

    position: relative;
    width: 30px;
    height: 4px;
    background-color: #eee;
    float: left;
    margin: 0 2px;
}

.content-main .slideshow-main .owl-dot.active {

    background-color: #1cb5e0;
}

.content-main .slideshow-main .owl-dot.active:before {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #1cb5e0 transparent;
    position: absolute;
    top: -4px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.content-main .news-style .list-news {

    padding: 15px;
}

.content-main .news-style .list-news  div {

    padding: 0;
	line-height: 1.3;
}

.content-main .news-style .list-news .row {

    margin: 0 0;
}

.content-main .news-style .list-news .item-news,
.content-main .ost-news .thumb-list .item-news {

    float: right;
    padding: 0 8px;
}
 .ost-news .row {
	margin-right: 0;
    margin-left: 0;
}

.content-main .news-style .top-list .box-news {

    border: 3px solid rgba(0, 97, 167, 0.15);
    border-radius: 6px;
    padding: 0;
    overflow: hidden;
    height: 290px ;
    transition: all 0.3s;
}

.content-main .news-style .top-list .box-news:hover {

    border-color: #1cb5e0;
}

.content-main .news-style .top-list .box-img {

    position: relative;
    height: 150px;
    overflow: hidden;
}

.content-main .news-style .top-list .box-img > img,
.content-main .news-style .thumb-list .box-img > img,
.content-main .ost-news .top-list .box-news .box-img > img,
.content-main .ost-news .thumb-list .box-img > img {

    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all 0.3s;
}

.content-main .news-style .top-list .box-news:hover .box-img > img,
.content-main .news-style .thumb-list .box-news:hover .box-img > img,
.content-main .ost-news .top-list .box-news:hover .box-img > img,
.content-main .ost-news .thumb-list .box-news:hover .box-img > img {

    transform: scale(1.2);
    filter: grayscale(1);
}

.content-main .news-style .top-list .box-img  .date {

    background-color: #fff;
    border-radius: 2px 2px 0 0;
    text-align: center;
    padding: 5px 5px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: inline-block;
    font-size: 10px;
    color: #999;
    width: 130px;
}

.content-main .news-style .top-list .txt-news {

    background-color: #005aa7;
    padding: 10px;
	height: 100%;
}

.content-main .news-style .top-list .txt-news  .title,
.content-main .news-style .thumb-list .txt-news  .title,
.content-main .ost-news .top-list .box-news .txt-news  .title,
.content-main .ost-news .thumb-list .txt-news  .title {

    font-size: 13px;
    color: #fff;
    font-weight: 500;
    width: 100%;
    padding-bottom: 10px;
    text-align: justify;
    margin: 0;
    transition: all 0.3s;
}

.content-main .news-style .top-list .txt-news  .desc,
.content-main .news-style .thumb-list .txt-news  .desc,
.content-main .ost-news .top-list .box-news .txt-news  .desc,
.content-main .ost-news .thumb-list .txt-news  .desc {

    font-size: 12px;
    text-align: justify;
    color: #fff;
    opacity: 0.6;
    font-weight: 300;
    margin-bottom: 0;
	line-height: 1.4;
}

.content-main .news-style .thumb-list {

    margin-top: 15px;
}

.content-main .news-style .thumb-list .box-news,
.content-main .ost-news .thumb-list .box-news {

    border: 3px solid rgba(28, 181, 224, 0.18);
    border-radius: 6px;
    padding: 0;
    overflow: hidden;
    height: 120px;
    transition: all 0.3s;
}

.content-main .news-style .thumb-list .box-news:hover,
.content-main .ost-news .thumb-list .box-news:hover {

    border-color: #005aa7;
}

.content-main .news-style .thumb-list .box-img,
.content-main .ost-news .thumb-list .box-img {

    padding: 0;
    float: right;
    height: 100%;
    overflow: hidden;
}

.content-main .news-style .thumb-list .txt-news,
.content-main .ost-news .thumb-list .txt-news {

    background-color: #46c2e4;
    padding: 10px 10px 20px;
	height: 100%;
}

.content-main .news-style .thumb-list .txt-news  .title,
.content-main .ost-news .thumb-list .txt-news  .title {

    color: #005aa7;
    font-size: 12px;
}

.content-main .news-style .thumb-list .txt-news  .desc,
.content-main .ost-news .thumb-list .txt-news  .desc {

   color: #000000;
    font-size: 12px;
}

.content-main .news-style .thumb-list .txt-news  .date,
.content-main .ost-news .thumb-list .txt-news  .date {

    background-color: #fff;
    padding: 5px;
    border-radius: 2px;
    font-size: 10px;
    color: #005aa7;
    position: absolute;
    left: 0;
    bottom: 0px;
    opacity: 0.3;
	bottom: -2px;
}

/*---------------------- /Article left Top ---------------------*/

/*---------------------- Ostandari News ---------------------*/

.content-main .ost-news {

    background-color: #005aa7 !important;
    padding: 15px 0;
    margin: 15px 0 30px;
}

.content-main .ost-news .list-news {

    padding: 15px 8px;
}

.content-main .ost-news .top-list {

    padding: 0;
    display: flex;
    justify-content: center;
}

.content-main .ost-news .top-list .box-news {

    float: right;
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    overflow: hidden;
    height: 370px;
    margin: 0 8px;
    transition: all 0.3s;
}

.content-main .ost-news .top-list .box-news:hover {

    border-color: #fff;
}

.content-main .ost-news .top-list .box-news .box-img {

    height: 200px;
    overflow: hidden;
}

.content-main .ost-news .top-list .box-news .txt-news {

    position: relative;
    background-color: #fff;
    padding: 20px 10px 10px;
}

.content-main .ost-news .top-list .box-news .date {

    display: inline-block;
    width: 155px;
    font-size: 10px;
    background-color: #77d3ec;
    border-radius: 2px;
    padding: 5px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.content-main .ost-news .top-list .box-news .txt-news  .title {

    color: #005aa7;
}

.content-main .ost-news .top-list .box-news .txt-news  .desc {

    color: #221b1b;
    font-size: 13px;
}

.content-main .ost-news .thumb-list .box-news {

    border: 3px solid rgba(28, 181, 224, 0.4);
    margin-top: 15px;
}

.content-main .ost-news .thumb-list .box-news:hover {

    border-color: #fff;
}

/*---------------------- /Ostandari News ---------------------*/

/*---------------------- Section Farmandariha ---------------------*/

.content-main .frm-section {

    padding: 0;
}

.content-main .frm-section .news-style .top-list .box-news {

    height: 290px;
}

.content-main .frm-section .news-style .top-list .txt-news  .desc {

    font-size: 10px;
}

.content-main .frm-section .frm-map {

    padding-right: 0;
}

.content-main .frm-section .frm-map .list-portals {

    display: none;
}

.content-main .frm-section .frm-map .view-map {

    text-align: center;
    height: 498px;
}

.content-main .frm-section .frm-map .view-map:before {

    content: "";
    background: url('../images/site/pt-frm.png') no-repeat center center / 220px;
    width: 220px;
    height: 220px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.1;
    z-index: 0;
}

.content-main .frm-section .frm-map .view-map:after {

    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #eee;
    position: absolute;
    bottom: 198px;
    right: 0;
    left: 0;
}

.content-main .frm-section .frm-map .view-map .title-box {

    width: 140px;
}

.content-main .frm-section .frm-map .view-map .title-box::before {

    top: auto;
    bottom: 8px;
    transform: rotate(-45deg);
    right: -18px;
}

.content-main .frm-section .frm-map .view-map .title-box::after {

    top: auto;
    bottom: 8px;
    transform: rotate(45deg);
    left: -18px;
}

.content-main .frm-section .frm-map .view-map svg {

    position: relative;
    margin-top: 10px;
    width: 100%;
    height: 216px;
    z-index: 9999;
}

.content-main .frm-section .frm-map .view-map svg path {

    fill: #7bd0e9;
    opacity: 1;
    stroke: #005aa7;
    stroke-width: 2;
    stroke-opacity: 1;
    transition: all 0.3s;
}

.tooltipster-box {
    background: #ff9933 !important;
    border: none !important;
    border-radius: 2px !important;
    font-size: 10px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4) !important;
}

.tooltipster-content {
    color: #fff;
    padding: 2px 10px !important;
}

.tooltipster-arrow .tooltipster-arrow-background {

    border-top-color: #ff9933 !important;
}

.content-main .frm-section .frm-map .view-map svg path:hover,
.content-main .frm-section .frm-map .view-map svg path.active {

    fill: #005aa7;
}

.content-main .frm-section .frm-map .cities-show {

    position: absolute;
    right: -20px;
    bottom: 0;
    opacity: 0.3;
}

.content-main .frm-section .frm-map .cities-show .img-city {

    height: 300px;
}

.content-main .frm-section .frm-map .title-portal {

        padding: 6px 15px 8px;
    background-color: #f93;
    display: inline-block;
    border-radius: 4px;
    position: absolute;
    bottom: 180px;
    left: 30%;
    font-weight: 500;
    color: #fff;
    border: 2px solid #ffe0c1;
    z-index: 999;
}

/*---------------------- /Section Farmandariha ---------------------*/

/*---------------------- Section News Office & Municipality ---------------------*/

.content-main .other-news {

    padding: 0;
}

.content-main .other-news row > div {

    float: right;
}

.content-main .other-news .title-news {

    margin-top: 15px;
}

.content-main .other-news .title-news  span {

    background-color: #77d3ec;
    color: #fff;
    border-color: #005aa7;
}

.content-main .other-news .title-news:before {

    border-color: #999;
}

.content-main .other-news .box-style {

    height: 400px;
}

.content-main .other-news .News_Titr,
.content-main .other-news .News_STitr {

    padding: 3px 15px;
    margin: 0;
	font-size: 14px;
	font-weight: 400;
}

.content-main .other-news .item-office {

    list-style: none;
    margin-bottom: 19px;
}

.content-main .other-news .item-office  .br-title .News_Titr{

    display: block;
    position: relative;
    font-size: 12px;
    font-weight: 300;
    color: #333;
    padding-right: 20px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}

.content-main .other-news  .item-office  .br-title .News_Titr:hover {

    color: #1cb5e0;
    padding-right: 23px;
}

.content-main .other-news .item-office  .br-title .News_Titr:before {

    content: "";
    width: 14px;
    height: 14px;
    border-radius: 4px;
    background-color: #7bd0e9;
    position: absolute;
    right: 0;
    top: 3px;
    z-index: 0;
    opacity: 0.3;
    transition: all 0.3s;
}

.content-main .other-news .item-office  .br-title .News_Titr:after {

    content: "";
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background-color: #7bd0e9;
    position: absolute;
    right: 2px;
    top: 5px;
    z-index: 0;
    transition: all 0.3s;
}

.content-main .other-news  .item-office  .br-title .News_Titr:hover:before,
.content-main .other-news  .item-office  .br-title .News_Titr:hover:after {

    background-color: #f93;
}

.content-main .other-news .munic-news .list-news {

    position: relative;
    padding: 0 0 20px;
    float: right;
    height: 310px;
}

.content-main .other-news .munic-news .list-news .mCSB_dragger_bar {

    background-color: #7bd0e9;
}

.content-main .other-news .munic-news .list-news .mCSB_draggerRail {

    background-color: #ddd;
}

.content-main .other-news .munic-news .list-news .mCSB_scrollTools {

    left: 5px;
}

.content-main .other-news .munic-news .list-news:after {

    content: "";
    height: 100px;
    background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* ie10+ */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    /* ie6-9 */
    position: absolute;
    bottom: 5px;
    right: 0;
    left: 0;
}
.content-main .other-news .munic-news .slides {
	height: 300px;
}
.content-main .other-news .munic-news .item-news {

    position: relative;
    width: 100%;
    padding: 10px;
    float: right;
}

.content-main .other-news .munic-news .item-news:last-child {

    margin-bottom: 50px;
}

.content-main .other-news .munic-news .item-news:after {

    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #999;
    opacity: 0.2;
}

.content-main .other-news .munic-news .item-news:before {

    content: "";
    background-color: #7bd0e9;
    width: 0;
    height: 3px;
    position: absolute;
    top: 48%;
    right: 0;
    transition: all 0.3s;
}

.content-main .other-news .munic-news .item-news:hover:before {

    width: 10px;
}

.content-main .other-news .munic-news .item-news:last-child:after {

    display: none;
}

.content-main .other-news .munic-news .item-news .img-news {

    position: relative;
    float: right;
    border-radius: 4px;
    border: 2px solid #ddd;
    width: 90px;
    height: 60px;
    overflow: hidden;
    margin-left: 8px;
}

.content-main .other-news .munic-news .item-news .img-news:after {

    content: "";
    background-color: rgba(0, 90, 167, 0.6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    transition: all 0.3s;
}

.content-main .other-news .munic-news .item-news:hover .img-news:after {

    width: 100%;
}

.content-main .other-news .munic-news .item-news .img-news  img {

    width: 100%;
    transform: scale(1);
    filter: grayscale(0);
    transition: all 0.3s;
}

.content-main .other-news .munic-news .item-news:hover .img-news  img {

    transform: scale(1.1);
    filter: grayscale(1);
}

.content-main .other-news .munic-news .item-news .desc-news {

    height: 60px;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.content-main .other-news .munic-news .item-news .desc-news  .News_STitr {

    margin: 5px 0 0;
    font-size: 10px;
    font-weight: lighter;
    color: #999;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-main .other-news .munic-news .item-news .desc-news  .News_Titr {

    font-size: 12px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
    margin-top: 3px;
    transition: all 0.3s;
}

.content-main .other-news .munic-news .item-news:hover .desc-news  .News_Titr {

    color: #7bd0e9;
}

.content-main .other-news .hi-tehran .box-newspaper {

    display: block;
    position: relative;
    border: 1px solid #eee;
    border-radius: 2px;
    width: 93%;
    margin: 10px auto;
    height: 320px;
    overflow: hidden;
}

.content-main .other-news .hi-tehran .box-newspaper  img {

    max-width: 100%;
    height: auto;
    position: absolute;
    z-index: 0;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
}

.content-main .other-news .hi-tehran .box-newspaper:hover  img {

    top: auto;
}

/*---------------------- /Section News Office & Municipality ---------------------*/

/*---------------------- Section Multimedia ---------------------*/

.content-main .multimedia-th {

    padding: 0;
    background: -moz-linear-gradient(90deg, rgba(0, 90, 167, 1) 0%, rgba(28, 181, 224, 1) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(28, 181, 224, 1)), color-stop(100%, rgba(0, 90, 167, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(0, 90, 167, 1) 0%, rgba(28, 181, 224, 1) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(0, 90, 167, 1) 0%, rgba(28, 181, 224, 1) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(0, 90, 167, 1) 0%, rgba(28, 181, 224, 1) 100%);
    /* ie10+ */
    background: linear-gradient(0deg, rgba(0, 90, 167, 1) 0%, rgba(28, 181, 224, 1) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1cb5e0', endColorstr='#005aa7', GradientType=0);
    /* ie6-9 */
    margin: 20px 0 0;
}

.content-main .multimedia-th .br-title {

    margin-top: 20px;
}

.content-main .multimedia-th .br-title  span {

    background-color: #005aa7;
    color: #fff;
    border-color: #fff;
}

.content-main .multimedia-th .list-media {

    padding: 20px 8px;
}

.content-main .multimedia-th .list-media > div {

    padding: 0 8px;
}
.content-main .multimedia-th .big-media {
	margin-top: 10px;
}
.content-main .multimedia-th .big-media .box-media {

    padding: 0;
    position: relative;
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    height: 350px;
    overflow: hidden;
    transition: all 0.3s;
	margin-bottom: 20px;
}

.content-main .multimedia-th .big-media .box-media:hover {

    border-color: #fff;
}

.content-main .multimedia-th .big-media .box-media:before {

    content: "";
    background: -moz-linear-gradient(270deg, rgba(0, 90, 167, 0) 0%, rgba(0, 90, 167, 1) 98%, rgba(0, 90, 167, 1) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 90, 167, 0)), color-stop(98%, rgba(0, 90, 167, 1)), color-stop(100%, rgba(0, 90, 167, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(0, 90, 167, 0) 0%, rgba(0, 90, 167, 1) 98%, rgba(0, 90, 167, 1) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(0, 90, 167, 0) 0%, rgba(0, 90, 167, 1) 98%, rgba(0, 90, 167, 1) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(0, 90, 167, 0) 0%, rgba(0, 90, 167, 1) 98%, rgba(0, 90, 167, 1) 100%);
    /* ie10+ */
    background: linear-gradient(180deg, rgba(0, 90, 167, 0) 0%, rgba(0, 90, 167, 1) 98%, rgba(0, 90, 167, 1) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005aa7', endColorstr='#005aa7', GradientType=0);
    /* ie6-9 */
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
}

.content-main .multimedia-th .big-media .box-media .img-media {

    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.content-main .multimedia-th .big-media .box-media:hover .img-media {

    transform: scale(1.1);
}

.content-main .multimedia-th .big-media .ic-media {

    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 30px;
    color: #fff;
    z-index: 99;
}

.content-main .multimedia-th .big-media .info-media {

  position: absolute;
    bottom: 10px;
    padding: 5px 15px;
    z-index: 999999;
    transition: all 0.3s;
    text-align: right;
}
.content-main .multimedia-th .big-media .fa-image:before {
    display:none;
}
.content-main .multimedia-th .fa-image:before {
    content: "\f03e";
    top: 35%;
    right: 35%;
    position: absolute;
    color: #fff;
    font-size: 25px;
}
.content-main .multimedia-th .big-media .box-media:hover .info-media {

    bottom: 10px;
}

.content-main .multimedia-th .big-media  .date {

    font-size: 10px;
    color: #fff;
	background-color: rgba(0,0,0,.075);
    border-radius: 0;
    box-shadow: none;
    padding: 0 12px;
    position: relative;
    left: 0;
    bottom: -10px;
    float: right;
    margin: 5px 0;
}

.content-main .multimedia-th .big-media  .date > i {

    font-size: 14px;
    color: #1cb5e0;
    vertical-align: sub;
    margin-left: 3px;
}

.content-main .multimedia-th .big-media .nasim{
    margin: 0px 0 0;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 0;
    bottom: 0;
    position: relative;
	
}
 .content-main .multimedia-th .small-media .nasim {
	margin-bottom: 0;
    margin-top: 0; 
 }
.content-main .multimedia-th .small-media .nasim a {
    display: block;
	font-size: 12px;
	color: #fff;
	line-height: 1.4;
}

.content-main .multimedia-th .small-media {

    margin-top: 50px;
}

.content-main .multimedia-th .small-media .item-media {

    float: right;
    margin-bottom: 15px;
}

.content-main .multimedia-th .small-media .item-media:nth-child(odd) {

    padding-right: 0;
    padding-left: 8px;
}

.content-main .multimedia-th .small-media .item-media:nth-child(even) {

    padding-left: 0;
    padding-right: 8px;
}

.content-main .multimedia-th .small-media > .box-media,
.content-main .multimedia-th .multimedia-small {

    background-color: rgba(0, 90, 167, 0.6);
    border: 3px solid #55badf;
    padding: 15px 15px 30px;
    border-radius: 4px;
    transition: all 0.3s;
}
.content-main .multimedia-th .multimedia-small{
	
	float: right;
	width: 100%;
	height: 110px;
	padding: 15px;
}
.content-main .multimedia-th .small-media .date{
	
	bottom: 0 !important;
}

.content-main .multimedia-th .small-media .multimedia-small:hover {

    background-color: rgba(255, 255, 255, 0.6);
    border-color: #fff;
}

.content-main .multimedia-th .small-media .multimedia-small > a{

    width: 100px;
    height: 70px;
    float: right;
    overflow: hidden;
    border: 2px solid #55badf;
    border-radius: 4px;
    margin-left: 10px;
    position: relative;
}

.content-main .multimedia-th .small-media .item-media .img-media > img,
.content-main .multimedia-th .small-media .item-media .img-media {

    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.content-main .multimedia-th .small-media .item-media:hover .img-media > img {

    transform: scale(1.1);
}

.content-main .multimedia-th .small-media .item-media .icon-media {

    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 18px;
    color: #fff;
}

.content-main .multimedia-th .small-media .item-media .title-media {

    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    margin: 4px 0;
    max-height: 36px;
    overflow: hidden;
    transition: all 0.3s;
}

.content-main .multimedia-th .small-media .multimedia-small:hover .title-media {

    color: #005aa7;
}

.content-main .multimedia-th .small-media  .date {

    font-size: 9px !important;
    background-color: rgba(28, 179, 223, 0.8) !important;
    display: inline-block !important;
    padding: 4px 5px 2px !important;
    border-radius: 2px !important;
    color: #fff !important;
    float: right !important;
    box-shadow: none;
	bottom: 0 !important;
}

.content-main .multimedia-th .small-media .date > i {

    font-size: 11px;
    vertical-align: sub;
    margin-left: 2px;
}

/*---------------------- /Section Multimedia ---------------------*/

/*---------------------- Section Site Links ---------------------*/

.content-main .links-site {

    padding: 20px 0 60px;
    background-color: #eee;
}

.content-main .links-site .list-links {

    padding: 0 100px;
    display: flex;
    justify-content: center;
}

.content-main .links-site .list-links .item-link {

    position: relative;
    float: right;
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 4px;
    border: 4px solid #f5f5f5;
    box-shadow: 0 4px 6px -2px #bbb;
    overflow: hidden;
    margin: 0 8px;
}

.content-main .links-site .list-links .item-link:before {

    content: "";
    background-color: #1cb5e0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 10;
    transition: all 0.3s;
}

.content-main .links-site .list-links .item-link:hover:before {

    opacity: 0.8;
}

.content-main .links-site .list-links .item-link:after {

    content: "\f0c1";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 5px;
    opacity: 0;
    color: #fff;
    z-index: 12;
    transition: all 0.3s;
}

.content-main .links-site .list-links .item-link:hover:after {

    opacity: 1;
    font-size: 22px;
}

.content-main .links-site .list-links .item-link > img {

    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.content-main .links-site .list-links .item-link:hover > img {

    transform: scale(1.1);
    filter: grayscale(1);
}
.container-fluid  .links-site .row {
	margin-right: 0;
    margin-left: 0;
}

/*---------------------- /Section Site Links ---------------------*/

/*---------------------- /Content Main ---------------------*/

/*---------------------- Footer Main ---------------------*/

.footer-main {

    position: relative;
    background-color: #263238;
    padding: 0;
}

.footer-main .go-top {

    background: url('../images/footer/top-foot.png') no-repeat center center / 150px;
    width: 150px;
    height: 38px;
    position: absolute;
    top: -37px;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-main .go-top .caret-top {

    position: absolute;
    top: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-main .go-top .caret-top > .fas {

    font-size: 60px;
    color: #fff;
    opacity: 0.3;
}

.footer-main .go-top .caret-top:before {

    content: "\f0d8";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px;
    color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 2px;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-main .title {

    font-size: 16px;
    font-weight: bold;
    color: #fff;
    float: right;
    margin-left: 30px;
}

.footer-main .box-links {

    padding: 30px 20px 10px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
}

.footer-main .list-links {

    padding: 0;
}

.footer-main .list-links .link-item {

    position: relative;
    list-style: none;
    float: right;
    margin-left: 50px;
    margin-bottom: 15px;
}

.footer-main .list-links .link-item:before,
.footer-main .list-links .link-item:after {

    content: "";
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    top: 5px;
    right: -16px;
    opacity: 0.3;
    transition: all 0.3s;
}

.footer-main .list-links .link-item:after {

    width: 8px;
    height: 8px;
    top: 7px;
    opacity: 1;
    right: -14px;
}

.footer-main .list-links .link-item > a {

    font-size: 12px;
    color: #fff;
    opacity: 0.8;
    transition: all 0.3s;
}

.footer-main .list-links .link-item:hover:before,
.footer-main .list-links .link-item:hover:after {

    background-color: #1cb5e0;
}

.footer-main .list-links .link-item > a:hover {

    opacity: 1;
}

.footer-main .info-site {

    padding: 20px;
}

.footer-main .info-site > div {

    padding: 0;
}

.footer-main .info-site .logo-footer {

    text-align: center;
    padding: 0;
}

.footer-main .info-site .logo-footer > img {

    width: 75%;
    opacity: 0.5;
}

.footer-main .info-site .boxes-info {

    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.footer-main .info-site .boxes-info > div {

    float: right;
    margin: 6px 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.footer-main .info-site .boxes-info > .address {

    display: block;
}

.footer-main .info-site .boxes-info > .address > .txt {

    margin-top: 5px;
}

.footer-main .info-site .boxes-info .icon-inf {

    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    float: right;
    margin-left: 10px;
}

.footer-main .info-site .boxes-info .txt {

    font-size: 12px;
    color: #fff;
    margin: 0;
    opacity: 0.8;
}

.footer-main .info-site .map-th .resaneh {

    padding: 0;
}

.footer-main .info-site .map-th .resaneh > img {

    width: 100%;
}

.footer-main .info-site .map-th .map-style {

    cursor: pointer;
    padding: 0;
    height: 100px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-main .info-site .map-th .box-map img {

    width: 100%;
    transform: scale(1.3);
    transition: all 0.3s;
}

.footer-main .info-site .map-th .box-map:hover img {

    transform: scale(1.5);
    filter: grayscale(1);
}

.footer-main .info-site .map-th .box-map .btn-link {

    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 0;
    width: 110px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.3s;
}

.footer-main .info-site .map-th .box-map .btn-link:hover {

    background-color: #1cb5e0;
}

.footer-main .copyright-site {

    text-align: center;
    margin-bottom: 15px;
}

.footer-main .copyright-site > span {

    display: block;
    color: #fff;
}

.footer-main .copyright-site .cp-teh {

    font-size: 12px;
    font-weight: 300;
}

.footer-main .copyright-site .cp-teh > strong {

    font-weight: bold;
    color: #1cb5e0;
}

.footer-main .copyright-site .update-site {

    margin-top: 4px;
    font-size: 10px;
    font-weight: 300;
    opacity: 0.4;
	color: #fff;
}
.footer-main .copyright-site .update-site h3 {

    margin-top: 4px;
    font-size: 10px;
    font-weight: 300;
    opacity: 0.4;
	color: #fff;
}
.topbar {
	
	display:none;
}


/*---------------------- MP ---------------------*/

.moduletable.MP,
.MP{

    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 9px -4px #bbb;
    margin: 30px 0;
    border: solid 1px #eee;
    width: 100%;
    float: right;
}
.MP .PSearch{

    width: 100%;
}
.MP .module-header,
.MP .panelhead{

    background-color: #005aa7;
    color: #fff;
    direction: rtl;
    font-size: 17px;
    height: 50px;
    text-align: right;
    border-radius: 4px 4px 0 0;
}
.MP .module-body{

    background-color: #fff;
    padding: 10px 15px;
    font-size: 13px;
    color: #666;
    min-height: 300px;
    direction: rtl;
    line-height: 2;
}
.MP .module-header div{

    line-height: 38px;
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
    float: right;
}
.MP .module-header .subject-code{

    float: right;
    background-color: #0d134f;
    line-height: 1;
    margin: 12px;
    border-radius: 4px;
}
.MP .module-header .Short_Link{

    float: left;
}
.MP .module-header .Short_Link .shortlink{

    direction: ltr;
    text-align: left;
    height: 25px;
    font-size: 13px;
    color: #000;
    border: none;
    border-radius: 4px;
    padding: 0 10px;
    margin-right: 4px;
}
.opinion-border{

    float: left;
    border-radius: 4px;
    overflow: hidden;
    border: 2px solid #ddd;
    margin-right: 15px;
}
.opinion-border .highslide-caption{

    display: none;
}
.subject-body .News_STitr h3{

    font-size: 14px;
    color: #005aa7;
}
.subject-body .News_Titr h3{

    font-size: 20px;
    color: #0d134f;
}
.highslide img{

    cursor: url(/Component/HighSlide/graphics/zoomin.cur), pointer !important;
    width: 350px;
}
.opinion-div-intro{

    background-color: #f2f2f2;
    color: #999;
    direction: rtl;
    display: inline-block;
    font-size: 14px;
    line-height: 2;
    margin: 15px 0 0;
    padding: 10px;
    width: calc(100% - 370px);
    float: right;
}
.opinion-div-fulltext-news, 
.opinion-div-fulltext-news div, 
.opinion-div-fulltext-news p, 
.opinion-div-fulltext-news span, 
.opinion-div-fulltext-news .label{

    color: #333333;
    direction: rtl;
    display: inline-block;
    font-size: 15px !important;
    line-height: 2 !important;
    padding: 5px;
    text-align: justify;
    white-space: normal;
	
}


.content-related-pages.Related_News_Head,
.content-detailsbox-body,
.subject-body .content-comment-box,
.subject-body .keyword-box{

    position: relative;
    background-color: #fff;
    display: inline-block;
    margin: 20px 0;
    padding: 15px;
    width: 100%;
    border: solid 1px #eee;
    border-radius: 4px;
}
.subject-body .content-comment-box{

    margin-top: 0;
    border-radius: 0 0 4px 4px;
}
.subject-body .content-comment-box .comment-div > label{

    position: absolute;
    left: 10px;
    top: -32px;
    padding: 0px 10px 2px;
    background-color: #005aa7;
    border-radius: 4px;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}
.subject-body .content-comment-box > div{

    float: right;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.subject-body .content-comment-box .form-groupbox{

    width: 47%;
    float: right;
    margin: 0 16px;
}
.subject-body .content-comment-box .comment-div{

    width: 97%;
    margin-top: 15px;
}
.subject-body .content-comment-box > .form-groupbox:nth-child(3){

    float: left;
    margin-top: 10px;
}
.subject-body .content-comment-box .form-groupbox .btn-info{

    background-color: #005aa7;
    border:none;
    border-radius: 2px;
    transition: all 0.3s;
}
.subject-body .content-comment-box .form-groupbox .btn-info:hover{

    background-color: #FF5722;
}
.content-related-pages.Related_News_Head .related-title{

    background-color: #eee;
    border-radius: 4px;
    padding: 5px 10px;
    color: #005aa7;
    font-weight: bold;
    margin-bottom: 15px;
}
.subject-body .content-comment-list{

    float: right;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px 4px 0 0;
}
.content-related-pages.Related_News_Head ul{

    padding-right: 25px;
}
.content-related-pages.Related_News_Head ul > li{

    list-style: none;
    line-height: 2.5;
}
.content-related-pages.Related_News_Head ul > li > a{

    color: #555;
    transition: all 0.3s;
}
.content-related-pages.Related_News_Head ul > li > a:hover{

    color: #FF5722;
    padding-right: 5px;
}
.subject-body .content-toolbox{

    width: 100%;
    position: absolute;
    bottom: -33px;
    right: 0;
    left: 0;
}
.subject-body .content-toolbox,
.subject-body .content-toolbox ul > li{
    
    float: right;
    list-style: none;
}
.subject-body .content-toolbox ul{

    padding: 0;
}
.subject-body .content-toolbox ul > li{

    width: 35px;
    height: 35px;
    border-radius: 2px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
    background-color: #fff;
}
.subject-body .content-toolbox ul > li a{

    font-size: 18px;
    color: #005aa7;
}
.content-detailsbox .boxrow{

    width: 50%;
    float: right;
}
.content-detailsbox .boxrow > ul{

    padding-right: 10px;
    display: flex;
    justify-content: center;
}
.content-detailsbox .boxrow > ul > li{

    list-style: none;
    float: right;
    margin-left: 5px;
    font-size: 12px;
    color: #999;
}
.content-detailsbox .boxrow > ul > li:first-child,
.content-detailsbox #ctl01_pnlEditDateTime > ul > li:nth-child(2){

    color: #555;
}
.subject-body .content-toolbox ul{

    display: flex;
    justify-content: center;
}
.subject-body .keyword-box .tag-Keywords ul{

    padding: 0;
}
.subject-body .keyword-box .tag-Keywords ul > li{

    list-style: none;
    float: right;
}
.subject-body .keyword-box .tag-Keywords ul > li > a{

    font-size: 10px;
    border: none;
    border-radius: 2px;
    margin-left: 5px;
    padding: 2px 5px;
    background-color: #005aa7;
    color: #fff;
    transition: all 0.3s;
}
.subject-body .keyword-box .tag-Keywords ul > li > a:hover{
 
    background-color: #005aa7;
}
.MP .panelhead span{

    font-size: 12px;
}
.MP .panelhead .keyword-title{

    margin-top: 8px;
    font-size: 14px;
    color: #fff;
    padding: 4px 10px 6px;
    background-color: #0d134f;
    border-radius: 4px;
}
.MP .PSearch .panelbody{

    position: relative;
}
.MP .PSearch .panel_link{

    margin-left: 10px;
    margin-top: 10px;
    color: #0d134f;    
    transition: all 0.3s;
}
.MP .PSearch .panel_link > h2.introtext{

    font-weight: bold;
    padding-right: 10px;
    font-size: 15px;
}
.MP .PSearch .panel_link:hover{

    color: #005aa7;
}
.MP .PSearch .panel_link .imgnews{

    border: 1px solid #ddd !important;
    border-radius: 4px;
}
.MP .art-main{
    
    padding: 0;
}
.MP .art-main .panel-default{

    border: none;
}
.MP .art-main .panel-archive .panel-heading{

    background-color: #005aa7;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}
.MP .art-main .panel-archive .panel-title .triangle{

    background-color: #0d134f;
}
.MP .art-main .panel-archive .panel-title .triangle::after{

    border-width: 0 0 46px 15px;
    border-color: transparent transparent #0d134f transparent;
    left: -15px;
}
.MP .art-main .panel-archive .panel-heading .triangletitle{

    margin: 10px 15px;
    font-size: 18px;
}
.MP .art-main .panel-archive .btn-info{

    background-color: #005aa7;
}
.MP .art-main .panel-archive .btn-info:hover{

    background-color: #0d134f;
}
.MP .art-main .panel-archive .breadcrumb > li{

    color: #005aa7;
}
.MP .art-main .panel-archive .well-result .thumbnail > img{

    width: 100%;
}
.MP .art-main .panel-archive .well-result .breadcrumb > li > h2{

    font-size: 15px;
    color: #0d134f;
}
.MP .art-main .panel-archive .well-result .breadcrumb > li > h2 > span,
.MP .art-main .panel-archive .well-result .item-news .text-main > span{

    background-color: #005aa7 !important;
    color: #fff !important;
}
.MP .art-main .panel-archive .well-news .item-news .date{

    color: #fff;
    top: -12px;
    bottom: auto;
    background-color: #005aa7;
    display: inline-block;
    padding: 5px 10px 3px;
    border-radius: 4px;
}
.MP .art-main .panel-archive .well-news .item-news .thumbnail{

    width: 140px;
}
.MP .art-main .panel-archive .well-news .item-news .sub-title{

    color: #005aa7;
    font-size: 12px;
}
.MP .art-main .panel-archive .well-news .item-news .title-main{

    font-size: 14px;
    display: inline-block;
    padding-left: 5px;
}
.MP .art-main .panel-archive .well-news .item-news .text-main{

    padding-top: 5px;
}
.MP .art-main .panel-archive .well-news{

    margin-bottom: 0;
}
[data-name="md-persiandatetimepicker"] table.table td.bg-primary{

    background-color: #c0a67d;
}
[data-name="md-persiandatetimepicker"] table.table td.bg-primary:hover{

    background-color: #005aa7;
}
.popover.bottom > .arrow::after{

    left: -10px;
    margin-left: 0;
}
.header-main .nav-teb .module-header,
.footer-main .links-ft .module-header{

    display: none;
}
.content-main .MP .panelhead > div{

    text-align: right;
    margin: 0;
}
.content-main .MP .panelhead > div::before{

    display: none;
}
.content-main .MP .panelhead > div > span{

    padding: 0;
    font-size: 12px;
    font-weight: normal;
}
.topbar {
	display: none !important;
}
.content-main .module-header > h3:before, .content-main .panelhead > div:before, .content-main .multimedia .section-title:before {
    content: "";
    width: 0;
    height: 0px;
   
}
.khbarkhon {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    background-color: #eee;
    margin-top: 30px;
margin-bottom: 30px;
}
.khbarkhon .rssbox {
    position: relative;
    top: -40px;
display: inline-block;
}
.khbarkhon .rssbox h3 {
    font-size: 15px;
    font-weight: 500;
    padding: 0 20px;
}

.khbarkhon ul li {
    list-style-type: none;
}

.khbarkhon ul li img {
    vertical-align: middle;
    padding: 5px 5px;
}
.art-main .panel-archive .radio-search-option > input {

    vertical-align: sub;
    width: 40px !important;
    padding-right: 18px;

}
.art-main .panel-archive .radio-search-option {

    padding: 0 5px;
    background-color: #fff;
	border-radius: 4px;
	display: inline-block;
	border: 1px solid #ddd;
    margin-left: 5px;
    width: 115px;

}
.subject-body .content-toolbox ul > li a {
    font-size: 18px;
    color: #005aa7;
}
.MP table {
    background-color: transparent;
    width: 100%;
}
.header-main .navbar-default {
    background-color: transparent ;
    border-color: transparent;
}
.list-sc{
	
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list-sc.telegram{
	
	background: url('../images/socials/s1.png') no-repeat center center / 30px;
}
/*---------------------- /MP ---------------------*/
/*---------------------- /Footer Main ---------------------*/
@media only screen and (min-width:0) and (max-width: 900px) {

    .content-main .frm-section .frm-map .view-map svg,
    .content-main .frm-section .frm-map .cities-show,
    .content-main .frm-section .frm-map .title-portal,
    .content-main .frm-section .frm-map .view-map::after {

        display: none;
    }

    .content-main .frm-section .frm-map .view-map {

        height: auto;
    }

    .content-main .frm-section .frm-map .list-portals {

        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0;
        margin-top: 10px;
    }

    .content-main .frm-section .frm-map .list-portals .item-pr {

        width: 160px;
        list-style: none;
        padding: 6px 15px 8px;
        background-color: #f93;
        display: inline-block;
        border-radius: 4px;
        font-weight: 500;
        border: 2px solid #ffe0c1;
        z-index: 999;
        margin: 5px;
        font-size: 12px;
    }

    .content-main .frm-section .frm-map .list-portals .item-pr > a {

        color: #fff;
    }

    .content-main .owl-news .owl-nav {

        display: block !important;
    }

    .content-main .owl-news .owl-nav [class*="owl-"] {

        position: absolute;
        top: 5%;
        width: 30px;
        height: 30px;
        border-radius: 2px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0 0 9px -4px #000;
        font-size: 12px;
        color: #bbb;
    }

    .content-main .owl-news .owl-nav .owl-next {

        right: 2%;
    }

    .content-main .owl-news .owl-nav .owl-prev {

        left: 2%;
    }

    .content-main .news-style .top-list .txt-news {

        height: 100%;
    }

    .content-main .news-style .thumb-list .box-news,
    .content-main .ost-news .thumb-list .box-news {

        height: 105px;
    }

    .content-main .news-style .thumb-list .txt-news,
    .content-main .ost-news .thumb-list .txt-news {

        height: 100%;
    }

    .content-main .ost-news .top-list,
    .content-main .ost-news .top-list .box-news {

        display: block;
        width: 100%;
        margin: 0;
    }

    .content-main .multimedia-th .small-media {

        margin-top: 15px;
    }

    .content-main .multimedia-th .small-media .item-media {

        padding: 0 !important
    }

    .content-main .links-site .list-links {

        padding: 0;
        flex-wrap: wrap;
    }

    .content-main .links-site .list-links .item-link {

        margin: 10px 5px 0;
    }

    .content-main .links-site .list-links .item-link {

        width: 80px;
        height: 80px;
    }

    /*---------------------- Navbar Menu Responsive ---------------------*/

    .header-main .header-menu .nav-th .navbar-header .navbar-toggle {

        display: none !important;
    }

    .header-main .header-menu .nav-th {

        position: relative;
        z-index: 9999999;
    }

    .header-main .header-menu .nav-th .navbar-nav a,
    .header-main .header-menu .nav-th .navbar-header .dropdown.open .dropdown-menu a {

        font-size: 11px;
    }

    .header-main .header-menu .nav-th .navbar-header {

        margin: 0;
        text-align: center;
    }

    .header-main .header-menu .nav-th .nv-side {

        background-color: transparent;
        position: absolute;
        height: 50px;
        width: 50px;
        text-align: center;
        padding: 15px;
        font-size: 18px;
    }

    .header-main .header-menu .nav-th .navbar-collapse .navbar-toggle.collapsed,
    .header-main .header-menu .nav-th .navbar-collapse .navbar-toggle {

        display: block !important;
        float: none;
        margin: 10px 0;
        border-radius: 2px 0 0 2px;
        color: #fff;
        position: absolute;
        top: 15px;
        left: -34px;
        right: auto;
        background-color: #01bde5;
        z-index: 999999;
        border-right: none;
    }

    .header-main .header-menu .nav-th .navbar-collapse .navbar-toggle:hover,
    .header-main .header-menu .nav-th .navbar-collapse .navbar-toggle:focus,
    .header-main .header-menu .nav-th .navbar-collapse .navbar-toggle:active,
    .header-main .header-menu .nav-th .navbar-collapse .navbar-toggle.collapsed {

        background-color: #f93;
    }

    .header-main .header-menu .nav-th .navbar-collapse,
    .header-main .header-menu .nav-th .navbar-collapse.collapse.in {

        display: block !important;
        position: fixed;
        top: 0;
        right: -76%;
        left: auto;
        width: 75%;
        background-color: #fff;
        box-shadow: 5px 0 9px -4px #000;
        padding: 0;
        margin: 0;
        height: 100%;
        bottom: 0;
        z-index: 9999999;
        overflow: inherit;
        transition: all 0.8s;
    }

    .header-main .header-menu .nav-th .navbar-collapse.collapse.in {

        right: 0;
    }

    .header-main .header-menu .nav-th .navbar-collapse .navbar-nav {

        padding: 0;
        margin: 0;
        display: block;
    }

    .header-main .header-menu .nav-th .navbar-nav .dropdown.open .dropdown-menu .dropdown-submenu > .dropdown-menu {

        border: 1px solid #e5e5e5;
        display: none !important;
    }

    .header-main .header-menu .nav-th .navbar-nav .dropdown.open .dropdown-menu .dropdown-submenu.open > .dropdown-menu {

        display: block !important;
        border-radius: 0;
    }

    .header-main .header-menu .nav-th .navbar-nav a,
    .header-main .header-menu .nav-th .navbar-header .dropdown.open .dropdown-menu a {

        font-size: 14px;
        color: #999;
        border-bottom: 1px solid #e5e5e5;
        padding: 8px 15px 8px;
    }

    .header-main .nav-th .navbar-nav > li > .dropdown-menu {

        padding: 0;
        position: relative;
        right: 0;
        left: 0;
        width: 100%;
    }

    .header-main .header-menu .nav-th .navbar-nav .open a {

        border: none;
    }

    .header-main .header-menu .nav-th .navbar-nav a:hover,
    .header-main .header-menu .nav-th .navbar-nav a:focus,
    .header-main .header-menu .nav-th .navbar-nav .open a {

        background-color: transparent;
        font-size: 12px;
    }

    .header-main .header-menu .nav-th .navbar-nav > li {

        width: 100%;
    }

    .header-main .header-menu .nav-th .navbar-nav > li > a {

        color: #01bde5;
        text-shadow: none;
    }

    .header-main .header-menu .nav-th .navbar-nav > li > a > .fas {

        color: #f93;
    }

    .header-main .header-menu .nav-th .navbar-header > .dropdown {

        top: 0;
    }

    .header-main .header-top .date,
    .header-main .header-menu .nav-th .navbar-nav > li::before,
    .header-main .nav-th .navbar-nav > li > .dropdown-menu::before {

        display: none;
    }

    .header-main .nav-th .dropdown-menu > li > a:hover {

        color: #555;
    }

    .header-main .nav-th .navbar-nav > li > .dropdown-menu .dropdown-submenu > .dropdown-menu {

        position: relative;
        right: 0;
        width: 100%;
        box-shadow: none;
    }

    /*---------------------- /Navbar Menu Responsive ---------------------*/
    .header-main .header-menu {

        padding: 0 200px;
    }

    .header-main .header-menu .nav-th::before,
    .header-main .header-menu .nav-th::after,
    .header-main .nav-th .navbar-header .input-group::before,
    .header-main .nav-th .navbar-header .input-group::after {

        display: none;
    }

    .header-main .header-menu .nav-th {

        border-radius: 4px;
    }

    .header-main .header-menu .nav-th .container-fluid {

        padding: 0 5px;
    }

    .header-main .nav-th .navbar-header .input-group,
    .header-main .header-menu .nav-th .navbar-header{

        float: left;
        width: 100%;
    }
}