@font-face {
    font-family: 'Yekan';
    src: url("../fonts/YekanWeb-Regular.eot");
    src: url("../fonts/YekanWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/YekanWeb-Regular.woff") format("woff"), url("../fonts/YekanWeb-Regular.ttf") format("truetype"), url("../fonts/YekanWeb-Regular.svg#YekanWeb-Regular") format("svg");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'YekanNumbers';
    src: url("../fonts/YekanNumbers-Regular.eot");
    src: url("../fonts/YekanNumbes-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/YekanNumbers-Regular.woff") format("woff"), url("../fonts/YekanNumbers-Regular.ttf") format("truetype"), url("../fonts/YekanNumbers-Regular.svg#YekanNumbers-Regular") format("svg");
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility
}

/**************/

* {
    outline: none !important;
    text-decoration: none !important;
}

.caret {
    border: 0 !important
}

h1, h2, h3, h4, h5, h6 {
    font-family: IRANSans, Open_Sans;
}

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

.divider-tzccim img {
    background-color: #fff;
    width: 120px;
    padding: 15px;
    position: relative;
}

.divider-tzccim:before {
    content: "";
    background-color: #eee;
    width: 100%;
    height: 2px;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
}

.content-main .row {
    margin: 0
}

.row .slideshow-main.col-xs-12.col-sm-12.col-md-12 {
    margin: 0;
    padding: 0;
    margin-top: 35px;
}

.slideshow-main .inner-row>div {
    padding: 0 5px;
}

p.content-txt {
    text-align: center !important;
    padding: 10px 0 !important;
    display: block !important;
}

#pie_0 {
    display: none !important
}

.padding0 {
    padding: 0;
}

.padding-0 {
    padding: 0 !important
}

#search_list {
    display: none
}

.camera_pag_ul {
    display: none
}

/*************Camera***********/

.container-fluid.slider-bg {
    padding: 0
}

.content-main .main-container .slideshow-main .slide-top .camera_pag {
    display: none;
}

.P8 .camera_pag {
    top: 150px;
    display: block;
    z-index: 99999
}

.P8 .camera_wrap .camera_pag .camera_pag_ul li {
    display: block;
    margin: 8px 5px;
    width: 11px;
    height: 11px;
}

.P8 .camera_wrap .camera_pag .camera_pag_ul li>span {
    height: 11px;
    width: 11px;
    right: 0;
    top: 0
}

.P8 .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent>span {
    background: #ffee58;
}

.camera_Title {
    margin: 0;
    font-size: 14px;
    line-height: 2;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.camera_Description {
    text-align: right;
    color: #fff;
    font-weight: normal;
    margin: 0;
    direction: rtl;
    line-height: 1.5;
    font-size: 12px;
    padding: 5px 0;
    position: relative !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.camera_caption>div {
    background-color: rgba(13, 55, 121, 0.6);
    direction: rtl;
    height: 100px;
}

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

.header-main {
    background-color: #1976d2;
    padding: 0;
    height: 265px;
    overflow: hidden;
}

.header-main:before {
    content: "";
    background: url(../../images/right-head.png) no-repeat right center / cover;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.1;
    width: 300px;
}

.header-main:after {
    content: "";
    background: url(../../images/left-head.png) no-repeat left center / cover;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0.1;
    width: 300px;
}

 .header-main .flag img{
    position: absolute;
    left: -15px;
    top: 0;
    width: 210px;
    z-index: 2;
    display: flex;
} 

.header-main .logo-head img {
    width: 500px;
}

.header-main .nav-tzccim {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    min-height: 40px;
    height: 40px;
    z-index: 10;
}

.header-main .container, .header-main .nav-tzccim .container-fluid, .header-main .nav-tzccim .navbar-right, .content-main .main-container .nav-tzccim-main .container-fluid, .content-main .main-container .nav-tzccim-main .navbar-right {
    padding: 0;
}

.navbar-default {
    padding: 0 !important;
    border: 0 !important
}

.navbar.navbar-default.yamm {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.header-main .nav-tzccim .navbar-nav>li, .nav-tzccim-main .navbar-nav>li {
    float: right;
}

.header-main .nav-tzccim .navbar-nav>li>a, .nav-tzccim-main .navbar-nav>li>a {
    font-size: 12px;
    color: #fff;
    padding: 5px 15px;
    font-weight: normal;
    transition: all 0.3s;
    margin-left: 0px;
}

.caret {
    margin-right: 5px;
    margin-top: 4px;
}

.header-main .nav-tzccim .navbar-nav>li>a:hover {
    color: #FFEB3B;
    text-shadow: 0 0 3px #333;
}

.header-main .nav-tzccim .navbar-nav>li>a:before {
    content: "\f111";
    font-family: 'FontAwesome';
    position: absolute;
    right: 5px;
    font-size: 6px;
    color: #fff;
    transition: all 0.3s;
}

.header-main .nav-tzccim .navbar-nav>li>a:hover:before {
    color: #FFEB3B;
}

.header-main .nav-tzccim .navbar-brand {
    width: 400px;
    padding: 0px 15px;
}

.header-main .nav-tzccim .navbar-brand>a, .header-main .nav-tzccim .navbar-brand>div {
    float: left;
    margin-right: 5px;
}

.header-main .nav-tzccim .navbar-brand .input-group {
    width: 250px;
    direction: ltr;
}

.header-main .nav-tzccim .navbar-brand .input-group .input-group-addon {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: #fff;
    border: none;
    font-size: 16px;
    color: #166ABD;
    padding: 5px 10px;
    line-height: 0;
}

.header-main .nav-tzccim .navbar-brand .input-group .form-control {
    height: 30px;
    border: none;
    direction: rtl;
    font-size: 12px;
    padding: 2px 10px 0 0
}

.header-main .nav-tzccim .navbar-brand>a {
    background-color: #fff;
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
    color: #166ABD;
    font-weight: bold;
    border-radius: 2px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}

.header-main .nav-tzccim .navbar-brand>a:hover {
    background-color: #FFEB3B;
}

.header-main .nav-tzccim .navbar-brand>a .fa {
    font-size: 18px;
}

.menu-head {
    padding: 0
}

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

.content-main {
    padding: 0;
}

.content-main .main-container {
    padding-top: 12px;
    background-color: #fff;
    padding-bottom: 20px;
    box-shadow: 0 0 9px -3px #999;
    border-radius: 10px;
    margin-top: -48px;
    position: relative;
    /*z-index: 99;*/
    padding: 0;
}

/*--------------------------- Navbar-Main ----------------------------*/

.container.smartmenu-div {
    padding: 0
}

.navbar {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.nav-tzccim-main {
    padding: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 4px 9px -6px #999;
    position: relative;
    z-index: 1;
    
}

li.dropdown.yamm-fw {
    display: none
}

.nav-tzccim-main .navbar-nav>li {
    float: right
}

.nav-tzccim-main .navbar-nav>li>a {
    font-size: 12px;
    color: #1976d2;
}

.nav-tzccim-main .navbar-nav>li:nth-child(1):before {
    content: "\f201";
    font-family: "FontAwesome";
    float: right;
    margin: 14px 17px 0 5px;
    color: #ccc;
    font-size: 16px
}

.nav-tzccim-main .navbar-nav>li:nth-child(1) ul {
    min-width: 260px;
}

.nav-tzccim-main .navbar-nav>li:nth-child(2):before {
    content: "\f005";
    font-family: "FontAwesome";
    float: right;
    margin: 14px 10px 0 5px;
    color: #1976d2;
    font-size: 16px
}

.nav-tzccim-main .navbar-nav>li:nth-child(3):before {
    content: "\f24e";
    font-family: "FontAwesome";
    float: right;
    margin: 14px 10px 0 5px;
    color: #1976d2;
    font-size: 16px
}

.nav-tzccim-main .navbar-nav>li:nth-child(4):before {
    content: "\f005";
    font-family: "FontAwesome";
    float: right;
    margin: 14px 10px 0 5px;
    color: #ccc;
    font-size: 16px
}

.nav-tzccim-main .navbar-nav>li:nth-child(5):before {
    content: "\f24e";
    font-family: "FontAwesome";
    float: right;
    margin: 14px 10px 0 5px;
    color: #ccc;
    font-size: 16px
}

.nav-tzccim-main .navbar-nav>li:nth-child(6):before {
    content: "\f0c0";
    font-family: "FontAwesome";
    float: right;
    margin: 14px 10px 0 5px;
    color: #ccc;
    font-size: 16px
}

.nav-tzccim-main .navbar-nav>li>a .fa {
    font-size: 16px;
    vertical-align: middle;
    color: #ccc;
    padding-left: 5px;
}

.nav-tzccim-main .navbar-nav>li:hover {
    background-color: #fff !important;
}

.nav-tzccim-main .navbar-nav>li>a {
    padding: 15px 5px;
    transition: all 0.3s;
    float: right
}

.nav-tzccim-main .navbar-nav>li>a:hover {
    color: #333 !important;
}

.nav-tzccim-main .dropdown-menu>li {
    padding: 0 5px;
}

.nav-tzccim-main .dropdown-menu>li>a {
    font-size: 12px;
    font-weight: lighter;
    direction: rtl;
    text-align: right;
    line-height: 2;
    border-radius: 2px;
    transition: all 0.3s;
    padding: 5px 5px;
    margin: 5px 0;
}

.nav-tzccim-main .dropdown-menu>li>a:hover {
    background-color: #1976d2;
    color: #fff;
}

.nav-tzccim-main .navbar-nav .dropdown-menu {
    min-width: 200px;
}

/*****************/

.padding-0 {
    padding: 0
}

.row-0 {
    margin: 0
}

/*--------------------------- SlideShow-Main ----------------------------*/

.content-main .main-container .slideshow-main .camera_wrap {
    box-shadow: 0 0 6px -2px #000;
    padding: 0;
}

.content-main .main-container .slideshow-main .camera_wrap .camera_caption>div {
    background-color: rgba(13, 55, 121, 0.6);
    direction: rtl;
    height: 100px;
}

.content-main .main-container .slideshow-main .camera_wrap .archive {
    padding: 3px 6px;
    background-color: #fff;
    color: #164385;
}

.content-main .main-container .slideshow-main .archive {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    padding: 3px 15px;
}

.content-main .main-container .slideshow-main .slide-top {
    padding-left: 0;
}

.content-main .main-container .slideshow-main .poster-side {
    padding: 0;
}

.content-main .main-container .slideshow-main .poster-side .cover-poster {
    background-color: #00bdd3;
    border-radius: 2px;
    height: 400px;
}

.content-main .main-container .slideshow-main .poster-side .cover-poster img {
    height: 100%;
}

/***********/

/*--------------------------- Item-Features ----------------------------*/

.content-main .main-container .items-feature .item-main {
    float: right;
}

.content-main .main-container .items-feature .item-style {
    background-color: #00bdd3;
    border-radius: 2px;
    height: 285px;
    padding: 0;
    overflow: hidden;
}

.content-main .main-container .items-feature .item-style .title-item {
    background-color: rgba(13, 55, 121, 0.8);
    padding: 10px;
    text-align: center;
    color: #fff;
}

.content-main .main-container .items-feature .item-style .main {
    padding: 0;
    height: 100%;
}

.ir-tu-main {
    color: #fff
}

.content-main .main-container .items-feature .ir-tu-main, .content-main .main-container .items-feature .ir-tu-main .item-style .main {
    padding: 0;
}

.content-main .main-container .items-feature .item-style .main .ir-tu {
    width: 100%;
    height: 250px;
}

.content-main .main-container .items-feature .item-style .owl-carousel img {
    text-align: center;
    height: auto;
    width: 100%;
}

/*--------------------------- Sub-Portals ----------------------------*/

.content-main .main-container .sub-portals{

    padding: 0;
    background-color: #1669bb;
    margin-top: 20px;
}
.content-main .main-container .sub-portals .circle {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0;
    float: right;
    padding: 0 100px !important;
}
.content-main .main-container .sub-portals .circle .owl-stage-outer{

    padding: 10px 0 !important;
}
.content-main .main-container .sub-portals .circle .owl-dots{

    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.content-main .main-container .sub-portals .circle .owl-dot{

    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 200px;
    margin: 0 3px;
    opacity: 0.5;
}
.content-main .main-container .sub-portals .circle .owl-dot.active{

    background-color: #ffeb3b;
    opacity: 1;
}

.content-main .main-container .sub-portals .circle,
.content-main .main-container .sub-portals .right-link,
.content-main .main-container .sub-portals .left-link{

    padding:0;
}
.content-main .main-container .sub-portals .right-link > img,
.content-main .main-container .sub-portals .left-link > img{

    width: 100%;
    border: 1px solid #eee;
    border-radius: 12px;
    margin-top: 5px;
}
.content-main .main-container .sub-portals .item-portal {
    margin-bottom: 0;
    float: right;
    display: flex;
    justify-content: center;    
    width: 100%;
}

.content-main .main-container .sub-portals .item-portal .circle-item {
    background-color: #0a528a;
    width: 100%;
    height: 170px;
    border: 4px solid #ffeb3b;
    border-radius: 15px;
    text-align: center;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s;
    padding: 15px 10px;
    margin: 0;
}

.content-main .main-container .sub-portals .item-portal .circle-item:hover {
    background-color: #fff;
    box-shadow: 0 0 9px -3px #000;
    border-color: #1976d2;
}

.content-main .main-container .sub-portals .item-portal .circle-item img {
    padding-top: 15px;
    width: 60px;
    margin: 0 auto;
    transition: all 0.3s;
}
.content-main .main-container .sub-portals .item-portal .circle-item:hover img{

    filter: brightness(0);
    opacity: 0.2;
}

.content-main .main-container .sub-portals .item-portal .circle-item .title > a {
    font-size: 14px;
    color: #fff;
    width: 100%;
    padding-top: 0;
    transition: all 0.3s;
}
.content-main .main-container .sub-portals .item-portal .circle-item:hover .title > a{

    color: #1976d2;
}

.content-main .main-container .sub-portals .item-portal .circle-item small {
    display: block;
    font-size: 12px;
    padding-top: 5px;
    color: #fff;
    opacity: 0.5;
    transition: all 0.3s;
}
.content-main .main-container .sub-portals .item-portal .circle-item:hover small{

    color: #999;
}

/****************************/

.slides-vertical {
    position: relative;
    z-index: 1;
    margin-top: -5px;
    padding: 0
}
.slides-vertical1 {
    position: relative;
    z-index: 1;
    margin-top: 15px;
    padding: 0
}

.content-main .slides-vertical:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 0;
    right: 48.5%;
    z-index: 1;
}

.content-main .slides-vertical:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: 0;
    right: 48.5%;
    z-index: 1;
}

/*******************/

.content-main .second-container {
    margin-top: -25px;
    padding-bottom: 40px;
}

/****************/

.content-main .second-container .placement-main .desc-placement {
    padding: 20px 150px;
    text-align: center;
    line-height: 2.5;
    color: #999;
    font-weight: lighter;
}

.content-main .second-container .placement-main .links-placement {
    padding: 0 250px;
}

.content-main .second-container .placement-main .links-placement .worker {
    padding: 10px;
    background-color: #ffeb3b;
    border-radius: 2px;
    text-align: center;
    color: #333;
    float: right;
    margin-right: -15px;
    transition: all 0.3s;
}

.content-main .second-container .placement-main .links-placement .worker:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #ffeb3b;
    position: absolute;
    left: -15px;
    top: 2px;
    transition: all 0.3s;
}

.content-main .second-container .placement-main .links-placement .worker:hover {
    background-color: #FFC107;
}

.content-main .second-container .placement-main .links-placement .worker:hover:after {
    border-color: transparent transparent transparent #FFC107;
}

.content-main .second-container .placement-main .links-placement .employer {
    padding: 10px;
    background-color: #0a5fab;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    float: left;
    margin-left: -15px;
    transition: all 0.3s;
}

.content-main .second-container .placement-main .links-placement .employer:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    border-color: transparent #0a5fab transparent transparent;
    position: absolute;
    right: -15px;
    top: 2px;
    transition: all 0.3s;
}

.content-main .second-container .placement-main .links-placement .employer:hover {
    background-color: #00bdd3;
}

.content-main .second-container .placement-main .links-placement .employer:hover:before {
    border-color: transparent #00bdd3 transparent transparent;
}

/***************/

.content-main .second-container .tabriz-info {
    padding: 0;
    margin-bottom: 30px;
    cursor: help;
}

.content-main .second-container .tabriz-info>div {
    height: 100px;
}

.content-main .second-container .tabriz-info .image-tabriz {
    background: url('../../images/tabriz-back.jpg') no-repeat left center / 650px 100px;
    background-position: -50px;
    box-shadow: 0 0 8px -3px #000;
    transition: all 0.5s;
    height: 100px;
}

.content-main .second-container .tabriz-info:hover .image-tabriz {
    background: url('../../images/tabriz-back.jpg') no-repeat right center / 640px 105px;
    background-position: -10px;
}

.content-main .second-container .tabriz-info .image-tabriz:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 30px;
    border-color: transparent transparent transparent #0d60ab;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.5s;
}

.content-main .second-container .tabriz-info .link-tabriz {
    background-color: #0d60ab;
    text-align: center;
    padding: 20px 0;
    position: absolute;
    left: 0;
    width: 52.5%;
    top: 30%;
    color: #fff;
    box-shadow: 0 0 8px -3px #000;
    transition: all 0.5s;
}

.content-main .second-container .tabriz-info .link-tabriz .btn-warning {
    background-color: #ffeb3b;
    border: none;
    padding: 5px 20px;
    color: #333;
    transition: all 0.3s;
}

.content-main .second-container .tabriz-info .link-tabriz .btn-warning:hover {
    background-color: #fff;
}

/**************/

.content-main .second-container .other-links .links-main {
    float: right;
    padding: 0;
}

.content-main .second-container .other-links .links-main .item-links .title {
    padding: 0;
    color: #0d60ab;
    padding-bottom: 5px;
    line-height: 1.6;
    border-bottom: 2px solid #0d60ab;
}

.content-main .second-container .other-links .links-main .item-links .title:after {
    content: "";
    background-color: #ffeb3b;
    border: 3px solid #0d60ab;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    position: absolute;
    top: 18px;
    right: 44%;
}

.content-main .second-container .other-links .links-main .item-links .title img {
    width: 25px;
}

.content-main .second-container .other-links .links-main .item-links .items ul {
    padding: 0;
    margin-top: 25px;
}

.content-main .second-container .other-links .links-main .item-links .items ul>li {
    list-style: none;
}

.content-main .second-container .other-links .links-main .item-links .items ul>li>a {
    line-height: 3;
    color: #999;
    font-size: 12px;
    padding-right: 5px;
    transition: all 0.3s;
}

.content-main .second-container .other-links .links-main .item-links .items ul>li>a:before {
    content: "\f192";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    line-height: 2.4;
    font-size: 16px;
    color: #0d60ab;
    transition: all 0.3s;
}

.content-main .second-container .other-links .links-main .item-links .items ul>li>a:hover:before {
    color: #ddca2d;
}

.content-main .second-container .other-links .links-main .item-links .items ul>li>a:hover {
    padding-right: 8px;
    color: #0d60ab;
}

/**************/

/*--------------------------- Download-Reports ----------------------------*/

.content-main .second-container .dl-reports {
    padding: 0 150px;
}

.content-main .second-container .dl-reports .title-dl .main-title {
    background-color: #0d60ab;
    width: 180px;
    padding: 10px;
    text-align: center;
    color: #fff;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
}

.content-main .second-container .dl-reports .title-dl .main-title:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 20px 0 0;
    border-color: #0d60ab transparent transparent transparent;
    position: absolute;
    right: -20px;
    top: 0;
}

.content-main .second-container .dl-reports .title-dl .main-title:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 40px 0;
    border-color: transparent #0d60ab transparent transparent;
    position: absolute;
    left: -20px;
    top: 0;
}

.content-main .second-container .dl-reports .title-dl .main-title .bottom-title {
    background-color: #ffeb3b;
    width: 60%;
    height: 8px;
    position: absolute;
    right: 20%;
    bottom: -8px;
}

.content-main .second-container .dl-reports .title-dl .main-title .bottom-title:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 0;
    border-color: #ffeb3b transparent transparent transparent;
    position: absolute;
    right: -4px;
    top: 0;
}

.content-main .second-container .dl-reports .title-dl .main-title .bottom-title:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 8px 0;
    border-color: transparent #ffeb3b transparent transparent;
    position: absolute;
    left: -4px;
    top: 0;
}

.content-main .second-container .dl-reports .box-dl {
    background-color: #fff;
    margin-top: 20px;
    border-radius: 2px;
    box-shadow: 0 0 12px -4px #999;
    padding: 25px;
    position: relative;
    z-index: 99;
}

.content-main .second-container .dl-reports .box-dl .item-dl {
    cursor: pointer;
}

.content-main .second-container .dl-reports .box-dl .item-dl>img {
    width: 80px;
    margin: 0 auto;
    transition: all 0.3s;
}

.content-main .second-container .dl-reports .box-dl .item-dl>p {
    font-size: 12px;
    line-height: 3;
}

.content-main .second-container .dl-reports .box-dl .item-dl>.btn-danger {
    padding: 2px 10px;
    background-color: #fc1313;
    color: #fff;
    border: 1px solid #fc1313;
    border-radius: 2px;
    margin-top: -10px;
    transition: all 0.3s;
}

.content-main .second-container .dl-reports .box-dl .item-dl:hover>.btn-danger {
    background-color: #fff;
    color: #fc1313;
}

.content-main .second-container .dl-reports .box-dl .owl-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    left: 0;
}

.content-main .second-container .dl-reports .box-dl .owl-nav .owl-prev, .content-main .second-container .dl-reports .box-dl .owl-nav .owl-next {
    color: #0D60AB;
    position: absolute;
    left: -35px;
    top: 0;
    font-size: 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}

.content-main .second-container .dl-reports .box-dl .owl-nav .owl-prev:hover, .content-main .second-container .dl-reports .box-dl .owl-nav .owl-next:hover {
    color: #ffeb3b;
}

.content-main .second-container .dl-reports .box-dl .owl-nav .owl-next {
    right: -35px;
    left: auto;
}

.content-main .second-container .dl-reports .box-dl .owl-stage-outer {
    position: relative;
    z-index: 10;
}

/*--------------------------- News-Important ----------------------------*/

.content-main .main-container .news-important {
    margin-top: 15px;
}

.content-main .main-container .news-important .ticker {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 9px -3px #999 inset;
    padding: 20px 10px 7px 10px;
    margin-top: 15px;
}

.content-main .main-container .news-important .ticker strong {
    color: #164385;
    float: right;
    padding-left: 10px;
}

.content-main .main-container .news-important .ticker a {
    float: right;
    color: #00bdd3;
    line-height: 1.5;
    font-size: 12px;
}

.content-main .main-container .items-feature {
    margin-top: 0;
    /* padding:0*/
}

.content-main .main-container .items-feature .P7 {
    margin-top: 5px
}

.tick {
    padding: 0
}

/*--------------------------- List-Employee ----------------------------*/

.content-main .sec-list-employee {
    padding: 0;
}

.content-main .sec-list-employee .title-page {
    background-color: #1976D2;
    font-size: 16px;
    line-height: 3;
    color: #fff;
    margin: 0;
}

.content-main .sec-list-employee .art-body>div {
    float: right;
}

.content-main .sec-list-employee .art-body .panel-default {
    margin-top: 10px;
    padding: 0;
}

.content-main .sec-list-employee .art-body .panel-heading {
    padding: 0;
}

.art-body .panel-title>a {
    display: block;
    outline: none;
    font-weight: bold;
    text-decoration: none;
}

.content-main .sec-list-employee .art-body .panel-title>a.accordion-toggle::before, .content-main .sec-list-employee .art-body a[data-toggle="collapse"]::before {
    content: "\f056";
    float: left;
    font-family: FontAwesome;
    transform: rotate();
    transition: all 0.6s;
    line-height: 2.4;
    color: #ccc;
    padding: 0 10px;
}

.content-main .sec-list-employee .art-body .panel-title>a.accordion-toggle.collapsed::before, .content-main .sec-list-employee .art-body a.collapsed[data-toggle="collapse"]::before {
    content: "\f055";
    transform: rotate(180deg);
    color: #3580FE;
}

.content-main .sec-list-employee .art-body .panel-heading {
    background-color: #fff;
}

.content-main .sec-list-employee .art-body .panel-title a {
    text-align: right;
}

.content-main .sec-list-employee .art-body .panel-title span.label {
    background-color: #1976D2;
    margin: 5px 0;
    padding: 8px 8px 10px;
    border-radius: 0;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    position: relative;
}

.content-main .sec-list-employee .art-body .panel-title span.label:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #1976D2 transparent transparent;
}

.content-main .sec-list-employee .art-body .panel-title span.label:after {
    content: "";
    position: absolute;
    left: -15px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #1976D2 transparent;
}

.content-main .sec-list-employee .art-body .panel-title span.date {
    float: left;
    color: #999;
    font-size: 10px;
    font-weight: normal;
    line-height: 4;
    padding-left: 10px;
    border-left: 1px solid #ddd;
}

.content-main .sec-list-employee .art-body .panel-body {
    background-image: url(../images/panel-body.png);
    padding: 0;
    direction: rtl;
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: 5px 95%;
}

.content-main .sec-list-employee .art-body .panel-body .lists {
    padding: 20px 0;
}

.content-main .sec-list-employee .art-body .panel-body .list-item {
    float: right;
    margin-bottom: 20px;
}

.content-main .sec-list-employee .art-body .panel-body .list-item .fa {
    font-size: 18px;
    color: #ddd;
    border: 1px solid #ddd;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}

.content-main .sec-list-employee .art-body .panel-body .list-item .fa-mobile {
    font-size: 24px;
}

.content-main .sec-list-employee .art-body .panel-body .list-item .info {
    display: inline-block;
    position: relative;
    line-height: 2.5;
}

.content-main .sec-list-employee .art-body .panel-body .list-item .info .lbl-list {
    color: #1976D2;
}

.content-main .sec-list-employee .art-body .panel-body .list-item .info .spn-list {
    font-size: 13px;
}

.content-main .sec-list-employee .art-body .panel-footer {
    background-color: #eee;
    border-top: 1px solid #ddd;
    font-size: 14px;
    font-weight: normal;
    direction: rtl;
    float: right;
    width: 100%;
}

.content-main .sec-list-employee .art-body .panel-footer .fa {
    font-size: 18px;
    padding-left: 5px;
}

.content-main .sec-list-employee .art-body .panel-footer .address {
    text-align: right;
    float: right;
    padding: 0;
}

.content-main .sec-list-employee .art-body .panel-footer label {
    padding-left: 5px;
}

.content-main .sec-list-employee .art-body .panel-footer span {
    font-size: 12px;
}

@media only screen and (min-width: 0px) and (max-width: 640px) {
    .content-main .sec-list-employee .art-body .panel-footer>div {
        width: 100%;
        text-align: center !important;
        line-height: 2;
    }
    .content-main .sec-list-employee .art-body .panel-footer>div.date-question {
        border-bottom: 1px solid #ddd;
    }
    .content-main .sec-list-employee .art-body .panel-body {
        background: none;
    }
}

/*--------------------------- /List-Employee ----------------------------*/

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

.footer-main {
    background: url('../../images/back-footer.jpg') no-repeat center center / cover;
    height: 225px;
    padding: 0;
    position: relative;
    z-index: -1;
    margin-top: -40px;
    padding-top: 50px;
}

.footer-main:after {
    content: "";
    background-color: #0d47a1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
}

.footer-main .container {
    position: relative;
    z-index: 10;
}

.footer-main .logo-footer img {
    width: 300px;
}

.footer-main .info-footer, .footer-main .social-footer, .footer-main .copyright-footer {
    padding: 3px 0 !important;
    color: #fff;
    font-weight: lighter;
    line-height: 2;
}

.footer-main .info-footer .fa {
    font-size: 20px;
    padding-left: 5px;
}

.footer-main .info-footer label {
    font-weight: 500;
    font-size: 16px;
    padding-left: 5px;
}

.footer-main .divider-footer .hr {
    width: 150px;
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
}

.footer-main .social-footer .fa {
    color: #fff;
    font-size: 22px;
    margin: 10px;
    transition: all 0.6s;
}

.footer-main .social-footer .fa:hover {
    color: #FFEB3B;
}

.footer-main .copyright-footer {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 10px;
}
.footer-main .copyright-footer1 {
    
    margin-top: -12px !important;
}

.footer-main .copyright-footer a {
    color: #47daeb;
}

.footer-main .copyright-footer .tooltip-inner {
    font-size: 10px;
    min-width: 310px;
    width: 310px;
}

/******************************/

.updated-date {
    text-align: right;
    font-size: 12px;
    float: left;
}

.updated-date h3 {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    font-family: IRANSans, Open_Sans;
    text-align: right;
    margin: 0
}

/*************************************/

.menu-bar {
    margin-top: -3px;
    z-index: 9;
}

.navbar-default {
    border: 0;
    background-color: transparent;
    border-radius: none !important;
    margin-bottom: 0 !important
}

.smartmenu-div.container-fluid {
    float: right;
    padding: 0
}

#navbar-collapse-1 {
    padding: 0
}

.nav.navbar-nav {
    float: right;
    padding: 0
}

.navbar {
    min-height: 25px;
}

.dropdown-menu {
    right: 0;
    padding: 0
}

.dropdown-menu li {
    text-align: right;
    padding: 0
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent
}

.dropdown-menu>li>a, .dropdown-menu li a {
    padding: 10px 20px;
}

/*******************/

/*///////////////////////// Footer-Info ////////////////////////////*/

/******************************/

.nav-tabs {
    border-bottom: 0;
    margin: 20px 0 0 0
}

.nav-tabs li {
    float: right;
    border: 0;
}

.nav-tabs li a {
    padding: 0 10px;
    border-right: 1px solid #ddd;
    color: #999;
    font-size: 14px;
    font-weight: lighter;
    transition: all 0.3s;
}

.nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
    border: 0;
    background-color: transparent;
    font-size: 16px;
    color: #021129;
    font-weight: bold;
    padding-left: 10px;
}

/**************************/

.camera_wrap.camera_wrap_ycfczuapmo {
    z-index: -1
}

/******************/

/*************/

a:hover {
    text-decoration: none
}

/************************/

.P1 {
    float: right;
    width: 100%;
    margin: 40px 0 0 0;
}

.P1 .paneltable {
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    border: solid 1px #dddddd;
    width: 100%;
}

.P1 .panelhead {
    margin: 0;
    font-size: 18px;
    color: #243E87;
    position: relative;
    padding: 10px 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-color: #1976D2;
    line-height: 2;
    font-weight: 400;
    text-align: center;
}

.P1 .panelhead div {
    line-height: 1.5;
    font-size: 17px;
    color: #fff
}

.P1 .sitefont {
    font-family: Yekan, YekanNumbers, tahoma;
    font-size: 13px;
    color: #505050;
    line-height: 2;
    display: inline-block;
    padding: 10px 10px 0 0;
}

.P1 .counter-row {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.P1 #counter .sitefont {
    padding: 3px;
    text-align: center;
    display: inline-block;
}

.P1 .panelbody {
    padding: 10px;
    font-family: Yekan, YekanNumbers, tahoma;
    font-size: 15px;
    color: #575757;
    min-height: 400px;
}

.P1 td {
    padding: 0 0 10px 0 !important;
}

.P1 input {
    border-radius: 5px !important;
}

/***************************/

.moduletable.P1 {
    
    width: 100%
}

.P1 .news-titr h3 {
    text-align: right;
    margin: 5px 0
}

.P1 .module-header {
    margin: 0;
    font-size: 18px;
    color: #fff;
    position: relative;
    padding: 5px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-color: #1976D2;
    line-height: 2;
    font-weight: 400;
    text-align: center;
}

.P1 .news-bullet:before {
    content: "\f0c1";
    font-family: 'FontAwesome';
    float: right;
    font-size: 16px;
    color: #1976D2;
    margin: 7px 0 0 5px;
    transition: all 0.3s;
}

.P1 .module-header h3 {
    margin: 0;
    font-size: 18px;
    color: #fff;
    position: relative;
    padding: 5px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-color: #1976D2;
    line-height: 2;
    font-weight: 400;
    text-align: center;
}

.P1 .News_STitr {
    font-size: 11px;
    color: #888;
}

.P1 .News_Titr {
    font-size: 14px;
    line-height: 2;
    margin: 0;
    color: #000;
    width: 100%;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.3s;
    direction: rtl;
}

.P1 .News_Titr:hover {
    color: #1976D2;
}

.P1 .module-body {
    font-size: 14px;
    line-height: 1.5;
    direction: rtl;
    color: #6d6d6d;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border: solid 1px #dddddd;
    background-color: #fff;
}

.P1 .news-item {
    border-bottom: solid 1px #dcdcdc !important;
    padding: 3px 5px !important;
}

.P1 .news-date {
    width: auto;
    display: inline-block;
    padding: 4px 3px;
    font-size: 10px;
    text-align: center;
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.P1 .item-row .col-xs-12.col-sm-12 {
    padding: 0px;
    direction: rtl;
}

.P1 .panel_link_bold {
    border: medium none;
    color: #fff;
    padding: 5px;
    text-align: center;
}

.P1 .news-tools span {
    background-color: #021129;
    border-radius: 3px;
    color: #fff;
    float: left !important;
    padding: 5px 7px !important;
    text-align: right;
    margin: 5px;
}

.P1 .msdn-pagination {
    margin: 0
}

.P1 .flexslider .slides {
    padding: 0px 7px;
}

.P1 .news-introtext {
    font-size: 12px;
}

.P1 .item-row .col-xs-12.col-sm-12:hover {
    padding-right: 3px;
    transition: 0.3s;
}

/**************************/

.moduletable.P2 {
    margin-top: 10px;
    width: 100%;
    float: right
}

.P2 .module-body h2 {
    font-family: vazir, Yekan, YekanNumbers, tahoma;
    font-size: 18px;
    color: #333;
}

.P2 .module-header h3 {
    margin: 0
}

.P2 .module-body {
    padding: 10px;
    font-family: vazir, Yekan, YekanNumbers, tahoma;
    font-size: 15px;
    line-height: 1.5;
    text-align: justify;
    color: #6b6b6b;
}

.P2 .module-body i {
    font-size: 17px;
}

.P2 .control-label {
    font-family: vazir, Yekan, YekanNumbers, tahoma;
    font-size: 15px;
    text-align: left
}

.P2 .control-label {
    margin-top: 1px;
}

/***************************/

.moduletable.P3 {
    margin-top: 10px;
    width: 100%;
    float: right
}

.P3 .module-body h2 {
    font-family: IRANSans, Yekan, YekanNumbers, tahoma;
    font-size: 18px;
    color: #333;
    text-align: right;
    font-weight: 400;
    padding: 0;
    margin: 10px;
    border: 0;
}

.P3 .module-header h3 {
    margin: 0
}

.P3 .module-body {
    padding: 10px;
    font-family: IRANSans, Yekan, YekanNumbers, tahoma;
    font-size: 15px;
    line-height: 1.5;
    text-align: justify;
    color: #6b6b6b;
    direction: rtl;
}

.P3 .module-body i {
    font-size: 17px;
}

.P3 .control-label {
    font-family: IRANSans, Yekan, YekanNumbers, tahoma;
    font-size: 13px;
    text-align: left;
    font-weight: 400;
    float: right;
    color: #6b6b6b;
    top: 0;
    padding: 0
}

.P3 .form-body {
    border: 0
}

.P3 .form-group {
    direction: rtl;
    padding: 0;
    float: right;
    width: 100%;
    margin-bottom: 5px !important
}

/****************/

.P7 {
    margin: 15px 0 0 0
}

.P7 .paneltable {
    width: 100%
}

/***********/

.P8 {
    margin: 0 0 0 0
}

.P8 .moduletable {
    width: 100%
}

.P8 h3 {
    margin: 0;
    padding: 0
}

/**************/

/***********************/

.MP {
    margin: 20px 0 0 0;
    float: right;
    width: 100%
}

.moduletable.MP {
    width: 100%;
    float: right;
    margin-top: 40px;
    margin-bottom: 10px;
}
.moduletable.MP.margin-top10  {
  
    margin-top: 60px !important;
    margin-bottom: 10px;
}

.MP .module-header {
    margin: 0 0 20px 0 0;
}

.MP .module-header h3 {
    line-height: 38px;
    font-size: 18px;
    color: #fff;
    margin: 0;
    font-weight: 400;
    padding: 5px 10px 5px 10px;
}

.MP .module-header {
    margin: 0;
    font-size: 18px;
    color: #243E87;
    position: relative;
    border-radius: 4px;
    background-color: #1976D2;
    line-height: 2;
    font-weight: 400;
    min-height: 46px;
}

.MP .module-body {
    font-size: 14px;
    line-height: 1.5;
    direction: rtl;
    color: #6d6d6d;
    border-radius: 4px;
    border: solid 1px #dddddd;
    padding: 14px;
    margin-top: 20px;
    min-height: 200px;
    float: right;
    width: 100%;
    background-color: #fff;
    text-align: right;
}

.MP .link-ul-body li {
    line-height: 2.5
}

.MP .link-ul-body li a i {
    padding-left: 10px
}

.MP .link-ul-body li a i {
    font-size: 16px;
    color: #fff;
    background-color: #ccc;
    padding: 5px;
    border-radius: 5px;
    margin-left: 10px;
}

.MP .module-body img {
    margin: 5px 10px;
}

.MP .module-body .imf-cont {
    margin: 5px auto !important;
    border: solid 1px #ccc;
    padding: 2px;
    border-radius: 10px;
}

.MP .module-body.opinion-div-fulltext-news div {
    display: block
}

.MP #ctl01_pnlGallery {
    display: inline-block;
    width: 100%
}

.MP .form-group {
    width: 100%;
    float: right;
}

.MP .table-responsive.content-page td {
    padding: 0 !important
}

.Q_ABody {
    position: relative;
}

.Q_ABody::after {
    content: "آلبوم تصاویر";
    position: absolute;
    right: 19px;
    margin-top: -33px;
    font-weight: bold;
    font-size: 13px;
    top: 26px;
}

.highslide-caption {
    background-color: white;
}

.MP .item-portal {
    float: right;
    display: flex;
    justify-content: center;
    margin: 0;
}

.MP .item-portal .circle-item {
    background-color: #ffee58;
    width: 150px;
    height: 150px;
    border: 6px solid #ffeb3b;
    border-radius: 100%;
    text-align: center;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s;
}

.MP .item-portal .circle-item:hover {
    background-color: #fff;
    box-shadow: 0 0 9px -3px #000;
}

.MP .item-portal .circle-item img {
    padding-top: 20px;
    width: 40px;
}

.MP .item-portal .circle-item .title {
    font-size: 13px;
    color: #333;
    width: 100%;
    padding-top: 5px;
}

.MP th {
    text-align: center
}

.MP .table-responsive img {
    border-radius: 10px;
}

.MP td {
    vertical-align: middle;
    padding: 0 0 10px 0 !important;
}

.MP .panelleft, .MP .panelright {
    display: none
}

.MP .highslide-t {
    width: 30%
}

.MP input {
    border-radius: 5px !important;
}

/****************MP Panel*************/

.moduletable.MP1 {
    width: 100%;
    float: right;
    margin-top: 20px !important;
}

.MP1 .module-header {
    color: #0d60ab;
    padding-bottom: 5px;
    line-height: 1.6;
    border-bottom: 2px solid #0d60ab;
}

.MP1 .module-header h3 {
    font-size: 18px;
    color: #0d60ab;
    margin: 10px 0 !important
}

.MP1 .module-header h3:after {
    content: "";
    background-color: #ffeb3b;
    border: 3px solid #0d60ab;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    position: absolute;
    top: 53px;
    right: 44%;
    bottom: 30px;
}

.MP1 .News_STitr {
    font-size: 12px;
    text-align: right;
    direction: rtl;
    line-height: 2;
    padding: 2px;
}

.MP1 .News_Titr {
    text-align: right;
    direction: rtl;
    font-size: 13px;
    color: #333;
    line-height: 1.5;
    direction: rtl;
}

.MP1 .news-titr h3 {
    margin: 20px 5px 10px 5px !important
}

.elanat .MP1 .News_Titr:before {
    content: "\f192";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    line-height: 1.5;
    font-size: 16px;
    color: #0d60ab;
    transition: all 0.3s;
}

.MP1 .News_Titr:hover {
    color: #0d60ab
}

.MP1 .News_Titr:hover:before {
    color: #ddca2d;
}

.elanat .MP1 .news-item {
    float: right
}
.news .MP1 .news-item,
.elanat .MP1 .news-item {
    float: right;
    position: relative;
    top: 0;
    bottom: 0;
    min-height: 100px;
}

.MP1 .news-introtext {
    color: #999;
    text-align: justify;
    direction: rtl;
    line-height: 1.5;
    font-size: 12px
}

.elanat .MP1 .news-date {
    font-size: 11px;
    color: #ccc
}
.news .MP1 .news-date {
    font-size: 11px;
    color: #ccc;
    position: absolute;
    bottom: 0;
}

.MP1 .module-body {
    font-size: 14px;
    line-height: 1.5;
    direction: rtl;
    padding: 10px;
}
/*****************************/

.moduletable.MP2 {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 6px -4px #000;
    float: right;
    padding: 0;
    width: 100%;
    margin: 10px 0 0 0
}

.MP2 .module-header {
    color: #607d8b;
    direction: rtl;
    font-family: vazir, Yekan, YekanNumbers, tahoma;
    font-size: 18px;
    text-align: center;
}

.MP2 .news-titr:hover {
    text-decoration: none
}

.MP2 h3 {
    margin: 5px 0
}

.MP2 .News_Titr:hover {
    text-decoration: none
}

.MP2 .News_STitr {
    font-family: tahoma;
    font-size: 8pt;
    padding: 9px 0;
    text-align: right;
    direction: rtl;
}

.MP2 .News_Titr {
    font-family: IRANSans, Yekan, YekanNumbers, tahoma;
    font-size: 13px;
    color: #337AB7;
    text-align: right;
    direction: rtl;
}

.MP2 .news-date {
    font-family: tahoma;
    font-size: 8pt;
    color: #999
}
.MP2 .module-header h3 {
    border-bottom: 2px solid #607d8b;
    color: #607d8b;
    font-size: 16px;
    line-height: 2;
    margin: 0;
    text-align: center;
    direction: rtl;
    font-family: IRANSans, Yekan, YekanNumbers, tahoma;
}

.MP2 .news-item {
    padding: 10px;
}

.MP2 .item-row .img-txt {
    padding: 0;
}

.MP2 .img-txt img {
    border: 2px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 5px -4px #000;
    margin: 0;
}

.MP2 .txt-intro {
    padding: 0 10px 0 0
}

.MP2 .module-body {
    font-family: IRANSans, Yekan, YekanNumbers, tahoma;
    font-size: 14px;
    color: #333;
}

.MP2 .news-introtext {
    color: #607d8b;
    direction: rtl;
    font-family: IRANSans, tahoma;
    font-size: 12px;
    text-align: justify;
    line-height: 1.5
}

.MP2 .module-footer {
    background-color: #9ccc65;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-height: 40px;
}

.MP2 .msdn-pagination {
    display: none;
}

.MP2 .news-tools {
    background-color: #33691e;
    border-radius: 5px;
    position: relative;
    top: 5px;
    width: 80px;
    left: 10px;
}

.MP2 .panel_link_bold {
    border: medium none;
    display: block;
    padding: 5px;
    text-align: center;
    color: #fff
}

.MP2 .panel_link_bold:hover {
    text-decoration: none
}

/**********************/

.MP .paneltable {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px -4px #000;
    box-shadow: 0 2px 4px -4px #000;
    margin: 10px 0;
    border: solid 1px #dbe2e5;
    width: 100%
}

.MP .center {
    text-align: center
}

.MP .sitefont #ctl01_lblGallery {
    display: none
}

.MP .News_STitr {
    font-family: Tahoma !important;
    font-size: 9pt !important;
}

.MP h2 {
    font-size: 15px;
    color: #337ab7;
    direction: rtl;
    text-align: right;
    margin: 5px 0
}

.MP .News_Titr {
    font-size: 15px;
    padding: 1px;
    text-align: right;
    color: #337ab7;
    direction: rtl;
}

.MP .panelhead {
    background-color: #1976D2;
    color: #fff;
    direction: rtl;
    font-family: IRANSans, Yekan, YekanNumbers, tahoma;
    font-size: 17px;
    height: 50px;
    text-align: center;
}

.MP .panelhead div {
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
}

.MP .panelbody {
    background-color: #fff;
    font-family: Yekan, YekanNumbers, tahoma;
    font-size: 13px;
    color: #777;
    min-height: 400px;
}

.MP .panelbody div {
    padding: 10px;
    direction: rtl;
}

.MP .introtext {
    font-size: 13px;
    color: #333;
    text-align: justify;
    line-height: 1.5;
    direction: rtl;
}

.module-header i {
    padding-left: 10px;
}

.form-control.submit-form.blue-bg:hover {
    background-color: #66afe9;
    transition: all 0.3s ease 0s
}

.MP .img-security {
    border: 0 !important;
    height: 31px;
    margin: 28px 0 0 0 !important;
    width: 83px
}

.links {
    background-color: #f0f0f0;
    padding: 8px 25px;
    margin: 2px;
}

/******************/

.MP3 {
    float: right;
    margin: 20px 0;
}

.MP3 .paneltable {
    width: 100%
}

.MP3 .panelhead {
    background-color: #0A528A;
    text-align: center;
    color: #fff;
    height: 40px;
    font-size: 13px;
}

.MP3 .panelhead div {
    padding: 10px;
}

.MP3 .SokhanTitle {
    display: none
}

.MP3 .Sokhandate {
    display: none
}

.MP3 .Video_IMG_Size {
    width: 350px;
    height: 160px;
}

.divMultimediaLink1 {
    width: 380px !important;
}

/*******************************/

input.form-control, textarea.form-control, select.form-control {
    border: 1px solid #d1d1d1;
    margin: 0;
    transition: all 0.3s ease 0s;
    padding: 3px;
}

.form-body {
    margin-bottom: 5px;
    border-radius: 4px;
    border: solid 1px #dddddd;
}

.form-control {
    font-size: 15px;
}

.form-control.submit-form.blue-bg {
    background-color: #66afe9;
    color: #243E87;
    text-align: center;
    margin: 12px 0;
}

.control-label {
    float: right;
    font-size: 14px;
    margin: 0;
    color: #999;
    font-weight: normal;
    position: relative;
    top: 10px;
    text-align: left;
}

/***********/

ul {
    list-style: none;
}

.right {
    float: right;
}

.left {
    float: left;
}

.ltr {
    direction: ltr;
}

.keywords a {
    color: #27e9fc;
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.keywords a:hover {
    background: #18a1ae none repeat scroll 0 0;
    color: #fff;
    -webkit-text-shadow: 2px 1px 5px #fff;
    text-shadow: 2px 1px 5px #fff;
}

/****************************/

.created-date {
    float: right;
    color: #fff;
    margin-left: 20px;
    font-size: 13px;
    padding: 10px !important;
}

.subject-code {
    float: right;
    color: #fff;
    font-size: 13px;
    padding: 10px;
}

.Short_Link {
    float: left;
    color: #fff;
    font-size: 13px;
    padding: 10px;
}

.shortlink {
    direction: ltr;
    text-align: left;
    height: 25px;
    font-size: 11px;
    color: #000
}

.opinion-border {
    float: left;
}

.highslide img {
    width: 300px;
}

@media(max-width:768px) {
    .opinion-border img {
        max-width: 250px;
    }
}

/******************/

.opinion-div-header .News_STitr h3 {
    font-family: IRANSans, tahoma;
    font-size: 15px;
    color: #337ab7;
    text-align: right;
    direction: rtl;
    line-height: 1.5
}

.opinion-div-header .News_Titr h3 {
    font-family: IRANSans, Yekan, YekanNumbers, tahoma;
    text-align: right;
    font-size: 14px;
    line-height: 2;
    color: #999;
    width: 100%;
    font-weight: normal;
    text-overflow: ellipsis;
    transition: all 0.3s;
    direction: rtl;
}

.opinion-div-intro {
    background-color: #eee;
    border-radius: 5px;
    color: #333;
    direction: rtl;
    display: inline-block;
    font-family: IRANSans, Yekan, YekanNumbers, tahoma;
    font-size: 14px;
    line-height: 2;
    margin: 5px;
    padding: 10px;
    width: 100%
}

.opinion-div-fulltext .label {
    color: #6d6d6d;
    direction: rtl;
    display: inline-block;
    font-family: vazir, Yekan, YekanNumbers, tahoma !important;
    font-size: 15px !important;
    line-height: 2 !important;
    padding: 5px;
    text-align: justify;
    white-space: normal;
    font-weight: norml !important;
}

.opinion-div-fulltext-news img {
    text-align: center;
    margin: 0 auto;
}

.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: #6d6d6d;
    direction: rtl;
    font-family: vazir, Yekan, YekanNumbers, tahoma !important;
    line-height: 2 !important;
    padding: 5px;
    text-align: justify;
    white-space: normal;
}

.opinion-div-fulltext-news .label {
    font-weight: normal !important;
}

.content-toolbox img-news {
    border: 0
}

.opinion-div-fulltext-news .label {
    font-weight: normal !important;
}

.content-comment-list {
    display: none;
}

.content-detailsbox {
    line-height: 1.5;
    float: right
}

.content-toolbox {
    float: left;
    margin: 6px 0 0 0;
}

.content-toolbox ul li {
    float: right;
    margin-right: 5px;
}

.content-detailsbox ul {
    padding: 3px;
}

.form-groupbox {
    float: right;
    margin-left: 10px;
}

.content-detailsbox .boxrow ul li {
    float: right;
    margin-left: 10px;
    line-height: 2
}

.content-comment-box {
    display: inline-block;
    margin: 30px 0 0 0
}

.content-comment-box .form-groupbox .form-control {
    width: 220px;
    border-radius: 0 !important
}

.form-control.captcha {
    width: 90px !important
}

.img-security {
    border: 0 !important;
    height: 31px;
    margin: 0 !important;
    width: 83px;
}

#refreshsecretcode {
    margin: 32px 0 0 0;
    border: 0 !important
}

.form-groupbox.comment-div {
    float: none;
    margin: 0 0
}

.form-control.comment-box {
    width: 100% !important;
}

.boxrow ul {
    list-style: none;
    margin: 10px 0
}

.boxrow ul li {
    font-size: 13px;
    color: #9a9a9a;
    line-height: 2
}

.tools ul {
    list-style: none;
    margin: 0 !important
}

.tools ul li a {
    background-color: #1976D2;
    color: #fff;
    font-family: Yekan, YekanNumbers, tahoma;
    font-size: 18px;
    padding: 0 10px !important;
    border-radius: 4px;
}

.tools ul li a:hover {
    background-color: #FFEB3B;
    color: #166ABD
}

.content-detailsbox-body {
    border: 1px solid #ddd;
    margin: 15px 0;
    padding: 5px;
}

/************Tab Style***********/

.tag-Keywords p {
    border: 0 none;
    font-family: tahoma;
    font-size: 9pt;
    font-weight: bold;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

.tag-Keywords a {
    font-weight: normal;
    border-radius: 5px;
    padding: 5px 10px;
    transition: all 0.2s linear 0s;
    white-space: nowrap;
    word-spacing: -3px;
    text-align: justify;
    /*float: left;
    margin-left: 5px;*/
    float: right;
    margin-right: 5px;
    font-family: tahoma;
    font-size: 9pt;
    margin-bottom: 3px;
    background-color: #4f4f4f;
    color: #c7c7c7;
    /*box-shadow: 0 0 1px #145885 ;*/
}

.tag-Keywords a:hover {
    background-color: rgba(0, 0, 0, .5);
    color: #fff !important;
}

.tag-Keywords a, .tag-Keywords a:link {
    color: #c7c7c7;
    text-decoration: none;
}

.tag-Keywords {
    border: 1px solid #ddd;
    direction: rtl;
    float: right;
    line-height: 1.5 !important;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 7px !important;
    text-align: justify;
    width: 100%;
}

.tag-Keywords span {
    background-color: #3580fd;
    border-radius: 4px;
    bottom: 19px;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 10px 0 4px;
    position: relative;
    text-align: center;
    width: 100px;
}

.tag-Keywords ul {
    list-style-type: none !important
}

.tag-Keywords ul li {
    list-style-type: none !important;
    float: right;
    margin: 5px 3px;
}

/******************/

/*************/

.item-row, .news-bg-col {
    padding: 0
}

.cont-main {
    padding: 0
}

.form-groupbox label {
    font-family: IRANSans;
    font-size: 14px;
    font-weight: normal !important;
    text-align: right;
    display: inline-block !important
}

.form-control {
    text-align: right
}

.content-comment-box {
    background-color: #fff;
    display: inline-block;
    margin: 30px 0;
    padding: 23px;
    width: 100%;
    border: solid 1px #dcdcdc
}

.form-groupbox.comment-div {
    float: right;
    width: 100%;
    margin: 10px 0;
}

.boxrow i {
    float: right;
    margin: 5px;
}

.Comment-head {
    background-color: #1976D2;
    border-radius: 5px;
    bottom: 40px;
    color: #fff;
    margin: 0 auto;
    min-width: 150px;
    padding: 8px 10px;
    position: relative;
    text-align: right;
    width: 150px;
}

.Comment-head i {
    float: right;
    font-size: 23px;
    margin-left: 20px;
}

.btn-info {
    background-color: #1976D2
}

.btn-info:hover {
    background-color: #629af8
}

#ctl01_pnlInfo div {
    padding: 5px !important
}

.img-sec {
    padding: 0 !important;
    position: relative;
    left: 60px;
}

#tree {
    margin: 20px 0
}

.map-cont {
    padding: 0
}

.PicDesc {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    padding: 5px !important;
    width: 162px;
}

.counter_horizontal_footer {
    font-size: 12px;
    padding: 0 0 0 0;
    display: inline-block;
}

.content-ul li a:before {
    content: "\f100";
    font-family: "FontAwesome";
    margin: 3px 0 0 5px;
}

.content-ul-img li {
    float: right;
    margin: 15px 5px
}

.search-button {
    background-image: url(../../images/search-btn.jpg);
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    border: 0;
}

.container-fluid.counter .paneltable {
    display: none
}

.footer-title {
    font-size: 13px;
    color: #fff;
    display: inline-block;
    font-family: IRANSans, Open_Sans;
    text-align: right;
    margin: 0;
    padding-left: 5px;
}
.pagese p {
    margin: 10px !important;
}
.MP.margin-top10 {
    margin-top: 60px !important; 
}
/***********about me******************/

@media only screen and (min-width:901px) and (max-width:999px) {
    .menu-bar .navbar-header {
        display: none
    }
}

/*///////////////////////// /Content-Sub-Page ////////////////////////////*/

@media only screen and (min-width:300px) and (max-width: 900px) {
    .nav-tzccim-main .navbar-header {
        float: none;
    }
    .nav-tzccim-main .navbar-left, .navbar-right {
        float: none !important;
    }
    .nav-tzccim-main .navbar-toggle {
        display: block;
    }
    .nav-tzccim-main .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .nav-tzccim-main .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .nav-tzccim-main .navbar-collapse.collapse {
        display: none !important;
        padding: 0;
    }
    .nav-tzccim-main .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .nav-tzccim-main .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .nav-tzccim-main .collapse.in {
        display: block !important;
        margin: 0;
    }
    .nav-tzccim-main .navbar-header, .container-fluid {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }
    .nav-tzccim-main .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0;
    }
    .nav-tzccim-main .navbar-toggle {
        border: none;
    }
    .nav-tzccim-main .navbar-toggle .fa-bars {
        color: #fff;
        font-size: 25px;
    }
    .nav-tzccim-main .navbar-toggle:focus, .content-main .main-container .nav-tzccim-main .navbar-toggle:hover {
        background-color: transparent;
    }
    .nav-tzccim-main .navbar-toggle {
        padding: 0;
        margin: 18px 10px;
    }
    .nav-tzccim-main .navbar-collapse {
        background-color: #fff;
    }
    .nav-tzccim-main .navbar-collapse ul {
        margin: 0;
    }
    .nav-tzccim-main .navbar-nav>li {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }
    .nav-tzccim-main .navbar-nav>li>a {
        color: #999;
        text-align: right;
        line-height: 3.5;
    }
    .nav-tzccim-main .navbar-nav>li>a>.caret {
        float: left;
        margin-top: 20px;
    }
}

.nav-tzccim-main .navbar-nav>li:hover {
    background-color: #3580fe;
}

.nav-tzccim-main .navbar-nav>li.open:hover .dropdown-menu {
    background-color: #fff;
}

.nav-tzccim-main .navbar-nav>li>a:hover {
    color: #fff;
    cursor: pointer
}

.nav-tzccim-main .navbar-toggle .icon-bar {
    background-color: #297acb;
}

.nav-tzccim-main .navbar-nav>.open>a, .nav-tzccim-main .navbar-nav>.open>a:focus, .nav-tzccim-main .navbar-nav>.open>a:hover {
    color: #333;
}

.nav-tzccim-main .navbar-right .dropdown-menu {
    position: relative;
    float: none;
    left: 0;
}

/*************************************/

.panel-body {
    padding: 10px
}

.panel-title {
    line-height: 1.5
}

.MP .btn-primary {
    margin: 10px 0
}

.rep-cont li {
    float: right
}

.rep-cont li a img {
    height: 150px;
}

.rep-cont li p {
    text-align: center;
    display: block
}

/*******************/

#accordion h4 {
    text-align: right;
    margin: 0;
    font-size: 18px;
    color: #243e87;
    position: relative;
    padding: 5px 45px 5px 10px;
    border-radius: 4px;
    background-color: #90c8f3;
    line-height: 2;
    font-weight: 400;
}

.panel-body-ul li {
    line-height: 2;
}

.panel-body-ul li a {
    display: inline-block;
    margin-right: 30px;
}

.ui-helper-hidden-accessible {
    display: none !important;
}

/*---------------------- Tab News ---------------------*/

.content-main .news-tab {
    margin-top: 20px;
}

.content-main .news-tab .title-news, .content-main .multimedia-tab .title-news {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #01449f;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.content-main .news-tab .title-news:after, .content-main .multimedia-tab .title-news:after, .footer-main .footer-info .links-site .title:after {
    content: "";
    width: 40px;
    height: 3px;
    background-color: #7ebc2b;
    position: absolute;
    bottom: 0;
    right: 0;
}

.content-main .news-tab .right-tabs {
    position: relative;
    padding-left: 50px;
}

.content-main .news-tab .right-tabs:after {
    content: "";
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 16px;
    bottom: 0;
    width: 1px;
    height: 100%;
    z-index: 0;
}

.content-main .news-tab .sec-news, .content-main .news-tab .main-news .other-news {
    padding: 0;
}

.content-main .news-tab .sec-news .main-news {
    position: relative;
    padding-right: 0;
}

.content-main .news-tab .main-news .mitem-news {
    height: 400px;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s;
}

.content-main .news-tab .main-news .mitem-news:hover {
    border-color: #7ebc2b;
}

.content-main .news-tab .main-news .mitem-news .image-news {
    display: block;
    height: 250px;
    overflow: hidden;
}

.content-main .news-tab .main-news .mitem-news .image-news>img {
    width: 100%;
    height: 100%;
    transform: scale(1);
    filter: grayscale(0);
    transition: all 0.8s;
}

.content-main .news-tab .main-news .mitem-news:hover .image-news>img {
    transform: scale(1.1);
    filter: grayscale(1);
}

.content-main .news-tab .main-news .mitem-news .info-news {
    padding: 20px 15px;
}

.content-main .news-tab .main-news .mitem-news .title {
    margin: 0;
    font-size: 14px;
    color: #01449f;
    font-weight: bold;
    transition: all 0.3s;
}

.content-main .news-tab .main-news .mitem-news .title>a {
    color: #01449f;
}

.content-main .news-tab .main-news .mitem-news:hover .title>a {
    color: #7ebc2b;
}

.content-main .news-tab .main-news .mitem-news .desc {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    color: #aaa;
    text-align: justify;
    margin: 12px 0 0;
}

.content-main .news-tab .main-news .owl-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 0;
}

.content-main .news-tab .main-news .owl-dot {
    width: 12px;
    height: 12px;
    background-color: #eee;
    border-radius: 100%;
    margin: 0 4px;
    transition: all 0.3s;
}

.content-main .news-tab .main-news .owl-dot:hover {
    background-color: #ccc;
}

.content-main .news-tab .main-news .owl-dot.active {
    background-color: #01449f;
}

.content-main .news-tab .other-news {
    padding: 0;
}

.content-main .news-tab .oitem-news {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 6px;
    margin-bottom: 15px;
    transition: all 0.3s;
}

.content-main .news-tab .oitem-news:hover {
    border-color: #7ebc2b;
}

.content-main .news-tab .oitem-news .img-news {
    padding: 0;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    height: 90px;
}

.content-main .news-tab .oitem-news .img-news>img {
    width: 100%;
    height: 100%;
    transform: scale(1);
    filter: grayscale(0);
    transition: all 0.8s;
}

.content-main .news-tab .oitem-news:hover .img-news>img {
    transform: scale(1.1);
    filter: grayscale(1);
}

.content-main .news-tab .oitem-news .info-news {
    padding: 0 8px;
    position: relative;
}

.content-main .news-tab .oitem-news .info-news .title {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    height: 15px;
    margin: 8px 0;
}

.content-main .news-tab .oitem-news .info-news .title>a {
    color: #01449f;
    transition: all 0.3s;
}

.content-main .news-tab .oitem-news:hover .info-news .title>a {
    color: #7ebc2b;
}

.content-main .news-tab .oitem-news .info-news .desc {
    font-size: 10px;
    color: #aaa;
    font-weight: 300;
}

.content-main .news-tab .oitem-news .info-news .date {
    position: absolute;
    left: 5px;
    font-size: 10px;
    color: #bbb;
    bottom: -18px;
}

.content-main .news-tab .oitem-news .info-news .date>.fas {
    font-size: 14px;
    margin-right: 2px;
    vertical-align: sub;
}

.content-main .news-tab .other-news .btn-archive, .content-main .multimedia-tab .btn-archive {
    background-color: #7ebc2b;
    padding: 3px 18px 5px;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 12px;
    margin-top: 15px;
    transition: all 0.3s;
}

.content-main .news-tab .other-news .btn-archive:hover, .content-main .multimedia-tab .btn-archive:hover {
    background-color: #01449f;
    padding: 3px 22px 5px;
}

.film-hamayesh {
    padding: 4px;
    text-align: center;
}

#topbar {
    display: none !important;
}

.go-to-top {
    width: 80px;
    height: 25px;
    background: #fff;
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    display: block;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    margin-top: -8px;
}
.go-to-top .fa-angle-up {
    font-size: 25px;
    color: #373f08;
    margin-top: 0;
}
/* -------------------------- Start go-to-top ---------------------- */

.list-stats-page{

    padding: 0 8px;
}
.list-stats-page .item-stat{

    
    margin-bottom: 15px;
    padding: 0 8px;
}
.list-stats-page .item-stat .box-stat{

    background-color: #f5f5f5;
    border:1px solid #ddd;
    border-radius: 6px;
    float: right;
    
}
.list-stats-page .item-stat .box-stat .date-view{

    display: flex;
    float: right;
    align-items: center;
    font-size: 12px;
    color: #1976d2;
   display: flex;
    flex-direction: row-reverse;
}
.list-stats-page .item-stat .box-stat .date-view .day{

    background-color: #1976d2;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: #fff;
    margin-left: 5px;
}
.list-stats-page .item-stat .box-stat .date-stat{

    background-color: #fff;
    border-radius: 4px;
    padding: 3px 15px;
    float: left;
    color: #999;
    font-size: 12px;
    margin: 20px 3px;
    border: 1px solid #ddd;
}
/*---------------------- comision ---------------------*/
.content-main .commissions-tzccim .comision {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.content-main .commissions-tzccim .Commissions-head {
    text-align: center;
    font-size: 18px;
    margin: 10px;
}

.content-main .commissions-tzccim .Commissions-img img {
    width: 250px;
    border-radius: 10px;
    margin-bottom: 20px;
    
}

.content-main .commissions-tzccim .Commissions-img {
    transition: 0.5s all;
    float: right;
}

.content-main .commissions-tzccim .Commissions-img:hover {
    transform: scale(1.1);
    transition: 0.5s all;
}
.content-main .Insaid-Commissions .Insaid-all {
    margin-bottom: 50px;
}
.content-main .Insaid-Commissions .Insaid-all .Insaid-icon {
    width: 150px;
    height: 150px;
    background-color:#2196F3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-main .Insaid-Commissions .Insaid-all .Insaid-icon i {
    font-size: 60px;
    color: #fff;
}
.content-main .Insaid-Commissions .Insaid-all .Insaid_boxes {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    margin-top: 30px;
}
.content-main .Insaid-Commissions .Insaid-all .Insaid_boxes .Insaid-links .Insaid-link {
    color: #2196F3;
    transition: .5s all;
    font-size: 18px;
}
.content-main .Insaid-Commissions .Insaid-all .Insaid_boxes .Insaid-links .Insaid-link:hover {
    color: #95c74c;
    transition: .5s all;
}
/*---------------------- /comision ---------------------*/
/*---------------------- Tab ---------------------*/
.bk-paging {

    background-color: #8dc444;
    height: 100px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bk-paging:before {

    content: "";
    background: url('../images/page/medical.png') no-repeat center center / cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
}

.bk-paging .en-title-page,
.bk-paging .fa-title-page {

    position: relative;
    z-index: 99;
    top: -20px;
}



.bk-paging .fa-title-page {

    font-size: 25px;
    color: #fff;
    font-weight: bold;
    
}

.tab-page .tab-box {

    background-color: #fff;
    margin: 30px 0 15px;
    border: 2px solid #f8f8f8;
    border-radius: 10px;
    box-shadow: 0 2px 9px -6px #ccc;
    padding: 15px;
}

.tab-page .tab-box .nav-tabs {

    padding: 0;
    display: flex;
    justify-content: center;
    height: 30px;
    border-bottom: 1px solid #eee;
}

.tab-page .tab-box .nav-tabs > li {

    position: relative;
    top: -25px;
}

.tab-page .tab-box .nav-tabs > li > a {

    margin: 0 15px;
    background-color: #345e94;
    border: none;
    border-radius: 0 0 4px 4px;
    width: 120px;
    text-align: center;
    color: #fff;
    padding: 8px;
    transition: all 0.3s;
}
.tab-page .tab-box .nav-tabs > li > a:hover{
    
    background-color: #013378;
}
.tab-page .tab-box .nav-tabs > li.active > a{
    
    background-color: #8dc444;
    box-shadow: 0 4px 12px -5px #aaa;
}

.tab-page .tab-box .nav-tabs > li > a:after {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 9px 8px;
    border-color: transparent transparent #013378 transparent;
    position: absolute;
    top: 0;
    left: -8px;
}
.tab-page .tab-box .nav-tabs > li > a:before {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 0 8px;
    border-color: transparent transparent transparent #013378;
    position: absolute;
    top: 0;
    right: -8px;
}
.tab-page .tab-box .nav-tabs > li > a:hover:after{
    
    border-color: transparent transparent #345e94 transparent;
}
.tab-page .tab-box .nav-tabs > li > a:hover:before{
    
    border-color: transparent transparent transparent #345e94;
}
.tab-page .tab-box .nav-tabs > li.active > a:after{
    
    border-color: transparent transparent #68952d transparent;
}
.tab-page .tab-box .nav-tabs > li.active > a:before{
    
    border-color: transparent transparent transparent #68952d;

}
.tab-page .P1 .module-header h3,
.tab-page .P1 .module-header{
   
     background-color: #fff; 
    
}
.art-main .panel-archive .panel-title .triangle:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 47px 20px !important;
}
.pagese p {
    margin: 10px !important;
}

/*---------------------- /Tab ---------------------*/
/* -------------------------- Start go-to-top ---------------------- */
/*---------------------- /Tab News ---------------------*/

@media only screen and (min-width:650px) and (max-width: 1024px) {

    .content-main .main-container{

        margin-top: -35px;
    }
}
.flexslider .slides img {
    margin: 0;
    padding: 0 0 0 5px;
}
/*---------------------- Services ---------------------*/

.content-main .services .services-box {

    background-color: #fff;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 30px 0 0 0;
  }
  
  .content-main .services .services-box .service-item {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 20%;
  }
  
  .content-main .services .services-box .service-item:hover .service-icon {

  }
  
  .content-main .services .services-box .service-item:hover .service-icon img {
    transform: scale(.8);
  }
  
  .content-main .services .services-box .service-item:hover .service-info a {
    color: #f54a16;
  }
  
  .content-main .services .services-box .service-item .all-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
  }
  
  .content-main .services .services-box .service-item:last-child {
    border: none;
  }
  
  .content-main .services .services-box .service-item .service-icon {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(55, 71, 79, 0.05);
    border-radius: 50%;
    transition: .5s all;
  }
  
  .content-main .services .services-box .service-item .service-icon a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .content-main .services .services-box .service-item .service-icon img {
    width: 50px;
    height: 50px;
    transition: .5s all;
  }
  
  .content-main .services .services-box .service-item .service-info a {
    color: #37474f;
    transition: .5s all;
    width: 100%;
    height: 80px;
    display: inline-block;
  }
  .content-main .services .services-box .service-item .service-info {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  
  .content-main .services .services-box .service-item .service-info h3 {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
    line-height: 1.4;
  }
  
  /*---------------------- /Services ---------------------*/
  /*---------------------- List Books ---------------------*/
 .list-books .list-publishers .sub-title {

    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #01449f;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
  .list-books .list-publishers .sub-title:after {

    content: "";
    width: 165px;
    height: 3px;
    background-color: #7ebc2b;
    position: absolute;
    bottom: 0;
    right: 0;
}
  .list-books .list-publishers .btn-archive {

    background-color: #7ebc2b;
    padding: 3px 18px 5px;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 12px;
    margin-top: 15px;
    transition: all 0.3s;
}
 .list-books .list-publishers .btn-archive:hover {

    background-color: #01449f;
    padding: 3px 22px 5px;
}


 .list-books {

    position: relative;
    background-color: #f0f3f8;
    padding: 30px 20px;
    overflow: hidden;
    margin: 15px 0 30px;
}

 .list-books:before {

    content: "";
    background: url('../images/site/pt-books.png') repeat center center / 350px fixed;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.06;
}

 .list-books .info-publishers {

    padding: 0;
}

 .list-books .info-publishers .book-digital {

    text-align: center;
    padding-top: 25px;
}

 .list-books .info-publishers .book-digital .btn-book {

    position: relative;
    display: flex;
    width: 100%;
    height: 300px;
    background-color: #01449f;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 5px solid #fff;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 0 15px -4px #999;
}

 .list-books .info-publishers .book-digital .btn-book:before {

    content: "";
    background: url('../images/books/digital-book.jpg') no-repeat center center / cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

 .list-books .info-publishers .book-digital .title-digital {

    font-size: 22px;
    color: #01449f;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

 .list-books .info-publishers .title-publishers {

    margin-top: 85px;
}

 .list-books .info-publishers .sub-title {

    font-size: 24px;
    border-radius: 2px;
    color: #01449f;
    display: block;
    margin: 0;
}

 .list-books .info-publishers .btn-archive {

    display: inline-block;
    font-size: 13px;
    background-color: #7ebc2b;
    font-weight: 500;
    border-radius: 2px;
    padding: 4px 15px;
    color: #fff;
    margin-top: 10px;
    transition: all 0.3s;
}

 .list-books .info-publishers .btn-archive:hover {

    background-color: #01449f;
    padding: 4px 20px;
}

 .list-books .info-publishers .desc {

    font-size: 12px;
    color: #999;
    text-align: justify;
    line-height: 1.8;
    font-weight: 300;
    margin: 0;
}

 .list-publishers {

    padding: 0;
    position: relative;
    left: -5px;
}

 .list-publishers .owl-stage-outer {

    padding-top: 25px;
}

 .list-publishers .item-book {

    position: relative;
    text-align: center;
}

 .list-publishers .item-book:after {

    content: "";
    width: 120px;
    height: 45px;
    position: absolute;
    top: -25px;
    left: 0;
    z-index: 999;
}

 .list-publishers .item-book.avl-jadid:after {

    background: url('../images/site/new.png') no-repeat center center / 120px;
}

 .list-publishers .item-book.avl-payan:after {

    background: url('../images/site/payan.png') no-repeat center center / 120px;
}

 .list-publishers .item-book.avl-tamdid:after {

    background: url('../images/site/tamdid.png') no-repeat center center / 120px;
}

 .list-publishers .item-book .back-image {

    position: absolute;
    top: 15px;
    right: 0;
    left: 0;
    width: 85%;
    bottom: 0;
    margin: 0 auto;
    height: 92%;
    overflow: hidden;
    opacity: 0.3;
    border-radius: 4px;
    transition: all 0.8s;
}

 .list-publishers .item-book:hover .back-image {

    width: 10%;
    height: 10%;
    opacity: 0;
}

 .list-publishers .item-book .back-image > img {

    transform: scale(1.1);
}

 .list-publishers .item-book .img-book {

    width: 120px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}

 .list-publishers .item-book .img-book a,
 .list-publishers .item-book .img-book a > img {

    display: block;
    width: 100%;
}

 .list-publishers .item-book .info-book {

    background-color: #fff;
    padding: 6px;
    border-radius: 4px;
    width: 85%;
    margin: 0 auto;
    box-shadow: 0 2px 9px -4px #bbb;
    position: relative;
    z-index: 99;
    transition: all 0.5s;
}

 .list-publishers .item-book:hover .info-book {

    background-color: #7ebc2b;
}

 .list-publishers .item-book .info-book .title {

    margin: 0;
}

 .list-publishers .item-book .info-book .title > a {

    margin: 0;
    color: #333;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s;
}

 .list-publishers .item-book:hover .info-book .title > a {

    color: #fff;
}

 .list-publishers .item-book .info-book .btn-more {

    font-size: 10px;
    color: #7ebc2b;
    font-weight: bold;
    transition: all 0.3s;
}

 .list-publishers .item-book:hover .info-book .btn-more {

    color: #01449f;
}

 .list-publishers .owl-nav [class*="owl-"] {

    position: absolute;
    background-color: #01449f;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    border: 3px solid #f0f3f8;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    top: 40%;
    transition: all 0.5s;
}

 .list-publishers .owl-nav [class*="owl-"]:hover {

    background-color: #7ebc2b;
    border-color: #fff;
    box-shadow: 0 1px 8px -4px #555;
}

 .list-publishers .owl-nav .owl-next {

    right: -25px;
}

 .list-publishers .owl-nav .owl-prev {

    left: -18px;
}

 .list-books .list-publishers .sub-title {

    font-size: 18px;
}

 .list-books .list-publishers .btn-archive {

    margin-left: 65px;
}

/*---------------------- /List Books ---------------------*/
.list-news {
    width: 100%;
}
.inner-list{

    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 50px;
}
.box-prjct {

    width: 20%;
    height: 300px;
    padding: 0 2px;
    cursor: pointer;
    position: relative;
    transition: all .3s;
}

.box-prjct .inner-box {

    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    transition: all .3s;
}

.box-prjct .inner-box .pic {

    width: 100%;
    height: 100%;
    position: absolute;
}

.box-prjct .inner-box .pic img {

    width: 140%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s;
}

.box-prjct .inner-box .pic > a::before {

    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
}

.box-prjct .inner-box .content-prjct .body-cntnt {

    position: absolute;
    right: 0;
    top: 10px;
    padding: 0 10px;
    padding-top: 15px;
    opacity: 1;
    transition: all .2s;
    width: 100%;
}
.box-prjct .inner-box .content-prjct .body-cntnt.body-cntnt::before{

    content: "";
    background-color: #3e3e3e;
    width: 400px;
    height: 300px;
    position: absolute;
    right: -90px;
    top: -190px;
    transform: rotate(10deg);
    opacity: 0.6;
    filter: blur(10px);
}

.box-prjct .inner-box .content-prjct .body-cntnt .cat {

    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.box-prjct .inner-box .content-prjct .body-cntnt .cat a {

    display: block;
    padding: 0px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background-color: rgba(255,255,255,0.3);
    border-radius: 3px;
    padding-bottom: 2px;
}

.box-prjct .inner-box .content-prjct .body-cntnt .title{

    position: relative;
    z-index: 10;
}
.box-prjct .inner-box .content-prjct .body-cntnt .title h4,
.box-prjct .inner-box .content-prjct .body-cntnt .title h2 {

    text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    position: absolute;
    top: 0;
    right: 0;
    width: 135px;
    transition: all 0.4s;
}

.box-prjct .inner-box .content-prjct .body-cntnt .title h2 {

    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    width: 250px;
}

.main-slider .projects .box-prjct .inner-box .content-prjct .body-cntnt .desc p {

    color: #fff;
    opacity: .6;
    text-align: right;
    font-size: 12px;
    line-height: 22px;
}

.box-prjct .inner-box .content-prjct .footer-prjct {

    position: absolute;
    z-index: 999999;
    bottom: 0px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    height: 35px;
}

.box-prjct .inner-box .content-prjct .footer-prjct .btn-create .inner-btn {

    display: flex;
    justify-content: center;
    align-items: center;
    height: 29px;
    padding: 0 10px;
    position: absolute;
    right: 10px;
    border: 1px solid #ffffff38;
    border-radius: 5px;
    background-color: #0000009c;
}

.box-prjct .inner-box .content-prjct .footer-prjct .btn-create .inner-btn span {

    font-size: 11px;
    color: #fff;
    padding-top: 1px;
}

.box-prjct .inner-box .content-prjct .footer-prjct .btn-create .inner-btn span:last-child {

    color: #999;
    padding-right: 3px;
}

.box-prjct .inner-box .content-prjct .footer-prjct .btn-view .inner-btn a {

    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #333;
    padding: 0 15px;
    padding-left: 15px;
    border-radius: 5px;
    background-color: #fff;
    padding-left: 0;
    position: absolute;
    left: -150px;
    bottom: 15px;
    transition: all .3s;
}

.box-prjct .inner-box .content-prjct .footer-prjct .btn-view .inner-btn a i {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 8px;
    font-weight: bold;
    color: #333;
    border-radius: 5px;
    background-color: #f6ce4e;
    margin: 0 5px;
    margin-right: 8px;
}

.box-prjct .inner-box .content-prjct .body-cntnt .desc p {

    color: #fff;
    opacity: .6;
    text-align: right;
    font-size: 12px;
    line-height: 22px;
}

/*----------------- hover ---------------*/

.box-prjct:hover {

    width: 40%;
    transition: all .3s;
}

.box-prjct:hover .inner-box .pic img {

    width: 110%;
    transition: all .3s;
}

.box-prjct:hover .inner-box .pic > a::before {

    opacity: .4;
    transition: all .3s;
}

.box-prjct:hover .inner-box .content-prjct .body-cntnt {

    opacity: 1;
    transition: all .3s;
    transition-delay: .28s;
}

.box-prjct:hover .inner-box .content-prjct .footer-prjct .btn-view .inner-btn a {

    left: 15px;
    transition: all .3s;
}
.box-prjct:hover .inner-box .content-prjct .body-cntnt .title h4{

    opacity: 0;
    visibility: hidden;
}
.box-prjct:hover .inner-box .content-prjct .body-cntnt .title h2{

    opacity: 1;
    visibility: visible;
}
.inner-list:hover .box-prjct .inner-box .content-prjct .body-cntnt .title h4{

    width: 115px;
}
.inner-list:hover .box-prjct .inner-box{

    opacity: 0.8;
    filter: grayscale(1) contrast(170%);
}
.inner-list:hover .box-prjct:hover .inner-box{

    opacity: 1;
    filter: grayscale(0)  contrast(120%);
}

/*----------------- //hover// ---------------*/
 .list-books .list-publishers .sub-title {

    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #01449f;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.list-books .list-publishers .btn-archive {

    background-color: #7ebc2b;
    padding: 3px 18px 5px;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 12px;
    margin: 5px 0;
    transition: all 0.3s;
}
.list-books .list-publishers .btn-archive:hover {

    background-color: #01449f;
    padding: 3px 22px 5px;
}
.book-page .list-book{
    
    padding: 0;
    margin-top: 50px;
}

.book-page .list-book > div {

    float: right;
    padding: 0 8px;
}

.book-page .list-book .item-book {

    position: relative;
    background-color: #fff;
    border: 2px solid #f8f8f8;
    border-radius: 10px;
    padding: 10px 10px 20px;
    text-align: center;
    margin-bottom: 30px;
    transition: all 0.5s;
    width: 280px !important;
}

.book-page .list-book .item-book:hover {

    background-color: #f9faff;
}

.book-page .list-book .item-book .image-book {

    width: 100%;
    height: 220px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    border: 3px solid #fff;
    background-color: #fff;
    box-shadow: 0 4px 15px -5px #ccc;
}
.book-page .list-book .item-book .image-book .news-image {
    width: 75%;
}
.book-page .list-book .item-book .image-book img {

    width: 75% !important;
    height: 100%;
    transition: all 0.5s;
}

.book-page .list-book .item-book:hover .image-book img {

    transform: scale(1.2);
}

.book-page .list-book .item-book .title-book .News_Titr {

    font-size: 12px;
    color: #555;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.5;
    height: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.book-page .list-book .item-book:hover .title-book .News_Titr{
    
    color: #8dc444;
}

.book-page .list-book .item-book .news-introtext {

    display: block;
    font-size: 11px;
    color: #bbb;
    height: 30px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.book-page .list-book .item-book .view-book {

    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    width: 60%;
    margin: 0 auto;
    cursor: pointer;
    background-color: #345e94;
    border-radius: 4px;
    padding: 5px 12px;
    color: #fff;
    font-size: 12px;
    box-shadow: 0 5px 10px -5px #bbb;
    margin-top: 10px;
    display: inline-block;
    transition: all 0.3s;
}

.book-page .list-book .item-book .view-book:hover {

    background-color: #8dc444;
    padding: 5px 15px;
    width: 80%;
}
.item-user {
    display: flex;
    justify-content: center;
    margin: 25px;
}
.item-user .item-img{
    width: 230px;
    height: 161px;
    margin: 10px;
}
.item-user .item-img img{
    width: 100%;
    height: auto;
}
.item-user .item-text{
    text-align: center;
}
.item-user .item-text .title{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
.item-user .item-text .red{
    color: rgb(252, 7, 7);
}

.item-users {
   
    margin: 20px;
}
.item-users .item-img{
    width: 150px;
    margin: 10px;
    margin: 0 auto;
    height: 103px;
}
.item-users .item-img img{
    width: 100%;
    height: auto;
}
.item-users .item-text{
    text-align: center;
}
.item-users .item-text .title{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
.item-users .item-text .red{
    color: rgb(252, 7, 7);
}

@media only screen and (min-width:300px) and (max-width: 1024px) {

    .book-page .list-book .item-book .view-book,
    .book-page .list-book .item-book .view-book:hover{
        
        width: 80%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 640px) {

    .book-page .list-book .item-book .image-book{
        
        height: 200px;
    }    
}
.slideshow-main .make-margin {
    margin-bottom: 5px !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-0 .camera_wrap img {
    width: 100% !important;
}
.make-img img {
    height: 411px !important;
}
.report-all .report-box {
   background: linear-gradient(180deg, rgba(75, 108, 182, 1) 0%, rgba(25, 41, 73, 1) 100%);
   height:285px;
    border-radius:5px;
    text-align: center;
}
.panelhead{
    cursor: pointer
}
.panelhead>div>span:hover{
    color: #ff0;
}
.report-all .report-box .box_skitterGallery .image img {
   width:100% !important;
   height:100% !important;
}
.report-all .report-box .box_skitterGallery .image {
   width:100% !important;
   height:100% !important;
   overflow:visible;
   
}
 .box_skitterGallery .box_clone img {
   width:100% !important;
   height:100% !important;
}
.report-all .report-box > table .panelhead > div {
   color:#fff;
   padding:10px 15px;
}
.report-all .report-box > table .panelhead > div i {
   font-size:20px;
   vertical-align:middle;
}
.report-all .report-box .box_skitterGallery .archive {
   left: -8px;
    top: 208px;
    background-color: transparent;
}
.report-all .report-box .box_skitterGallery .archive a {
   font-size: 12px;
   color: #fff;
   font-weight: bold;
}
.box_skitterGallery .label_skitter p {
   background-color: rgba(255, 255, 255, 0.15);
   color:#fff !important;
   bottom:-35px !important; 
   border-radius:5px;
   white-space:nowrap;
   text-overflow:hidden;
   overflow:hidden;
}
.box_skitterGallery .info_slide_dots {
   bottom:0 !important;
}
.box_skitterGallery .container_skitter {
   overflow:visible !important;
}
.box_skitterGallery img {
   border-radius:5px !important;
   
}
.box_skitterGallery .info_slide_dots .image_number {
   background-color:rgba(255,255,255,.3) !important;
      border:none !important;
}
.box_skitterGallery .info_slide_dots .image_number_select {
   background-color:#38b2f5 !important;
}
.shoar-headder .module-header{
    display: none;
}
.container_skitter .image .label_skitter{
    width:307px !important;
}
.container_skitter .image .label_skitter a p {
    width: 300px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.box_skitterGallery .label_skitter {
    float: right !important;
    right: 0 !important;
}
.elan{
    margin-top: -7px;
}
.ask-q{
   margin-bottom: 5%;
}