@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
        url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
        url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
        url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
        url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
        url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

@font-face {
    font-family: 'KoodakO';
    src: url('../fonts/BKoodakOutline.eot');
    src: url('../fonts/BKoodakOutline.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BKoodakOutline.woff2') format('woff2'),
    url('../fonts/BKoodakOutline.woff') format('woff'),
    url('../fonts/BKoodakOutline.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Koodak';
    src: url('../fonts/BKoodakBold.eot');
    src: url('../fonts/BKoodakBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BKoodakBold.woff2') format('woff2'),
    url('../fonts/BKoodakBold.woff') format('woff'),
    url('../fonts/BKoodakBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body{
    font-family: IRANSans;
    position:relative;
    padding:0;
    margin: 0;
    color: #000;
    font-size: 14px;
    background: url('../img/grey.png');
}
.popover{font-family: IRANSans;}
.badge{
    font-family: IRANSans;
}
.tooltip > .tooltip-inner{
    font-family: IRANSans;
}
a{
    cursor: pointer;
    transition: .3s;
    color: #727677;
    text-decoration: none !important;
}
a:hover{
    text-decoration:none;
    color: #22aba6;
}
input{
    font-size: 12px !important;
}
ul,ol{
    list-style:none;
    padding: 0;
    margin: 0;
}
h1,h2,h3,h4,h5,h6,p{
    margin: 0;
}
::selection {
    background-color: #016366;
    color: #fff
}
::-moz-selection {
    background-color: #016366;
    color: #fff
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #aaa !important;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #aaa !important;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #aaa !important;
}
:-moz-placeholder {/* Firefox 18- */
    color: #aaa !important;
}
:-moz-placeholder {/* Firefox 18- */
    color: #aaa !important;
}
.select-wrapper .select-btn:focus,
.select_data .line .dropdown button:focus,
select:focus,
.form-control:focus {
    border: 1px solid #22aba6 !important;
    box-shadow: 0 0 0 .2rem rgba(34,171,166,.25) !important;
}
.item{direction: rtl;}
.btn_green{background: #22aba6;color: #fff !important;}
/*......*/
header{}
header .line_logo{     }
header .line_logo .time_header{ margin-left: 10px;}
header .line_logo .time_header p{}
header .line_logo .time_header span{}
header .line_logo .button_groupHeader{}
header .line_logo .button_groupHeader a{color: #333;}
header .line_logo .button_groupHeader a:hover{color: #22aba6}
header .line_logo .button_groupHeader li{position: relative;margin-left: 10px;}
header .line_logo .button_groupHeader li + li:before{content: "|";position: absolute;right: -10px;color: #22aba6;top: 50%;margin-top: -10px;}
/*....*/
.nav_home{background: #3E3D3E;}
.nav_home .navbar-brand img{height: 50px;}
.nav_home .navbar-toggler{}
.nav_home .navbar-toggler span{}
.nav_home .collapse_nav{}
.nav_home .nav_list{}
.nav_home .nav_list .nav-item{}
.nav_home .nav_list .nav-item a{font-size:14px;position: relative;color: #000;}
.nav_home .nav_list .nav-item > a{color: #fff;}
.nav_home .nav_list .nav-item > a.dropdown-toggle:after{content: "";width: 5px;height: 5px;background: #22aba6;border-radius: 50%;border: 1px;bottom: 0;position: absolute;top: auto;right: 50%;margin-right: -3px;}
.nav_home .nav_list .nav-item a:hover,
.nav_home .nav_list .nav-item > a:focus,
.nav_home .nav_list .nav-item.active > a:hover,
.nav_home .nav_list .nav-item.active > a:focus,
.nav_home .nav_list .nav-item.active > a{color: #22aba6;}
/*----------*/
.logo_main{}
.logo_main img{height: 50px;}
/*----------*/
.carousel-fade .carousel-inner .item {
    transition-property: opacity;
    height: 500px;
}
.carousel-fade .carousel-inner .item img{height: 100%;width: 100%;object-fit: cover;}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
    background: transparent;
    opacity: 1;
    width: 40px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
}
.carousel-fade .carousel-control .fa{font-size: 55px;}
/*----*/
.slider_main{}
.slider_main .carousel-indicators{top: 0;bottom: auto;}
.slider_main .carousel-item{height: calc(100vh - 220px);}
.slider_main .carousel-item img{height: 100%;width: 100%;object-fit: cover;}
.slider_main .carousel-control-next,
.slider_main .carousel-control-prev{width: 37px;opacity: 1;background: transparent;height: 108px;top: 50%;margin-top: -54px;background-image: url("../img/click_slider.png");}
.slider_main .carousel-control span{} 
.slider_main .carousel-control-next span,
.slider_main .carousel-control-prev span{background-image: none;}
.slider_main .carousel-control-prev{background-position: 0 0;left: -35px;}
.slider_main .carousel-control-next{background-position: -36px 0;right: -35px;}
/*....*/
.pills_service{}
.pills_service .nav-item{width: 16%;}
.pills_service .nav-item .nav-link{}
.pills_service .nav-item .active{background: transparent;}
.content_service{}
.content_service .tab-pane{}
.access-item{position: relative;text-align: center;}
.access-item .spinner{
    border: 10px solid #22aba6;
    border-right-color: rgb(4, 32, 90);
    border-bottom-color: rgb(4, 32, 90);
    border-right-color: #00ccc5;
    border-bottom-color: #4d807e;
    border-radius: 50%;
    transition: all .8s ease-in-out;
    width: 150px;
    height: 150px;
    margin: auto;
}
.access-item:hover .spinner{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.access-item .img{position: absolute;top: 10px;right: 10px;left: 0;width: auto;height: auto;}
.access-item .img img{width: 80px;height: 80px;text-align: center;margin: 30px auto;}
.access-item .itemtitle{border-radius: 20px;margin-top: 20px;background: transparent;color: #22aba6;border-color: #22aba6;z-index: 100000000;}
.pills_service .nav-item:hover .itemtitle,
.pills_service .nav-item .active .itemtitle{background: #22aba6;border-color: #22aba6;color: #fff;}
/*....*/
.bg_service{background: #F8F1E9;}
.owl_demo_draws{}
.owl_demo_draws .item{}
.owl_demo_draws .item img{height: 80px;margin: auto;}
.owl_demo_draws .item a{color: #22aba6;}
.click{background: #000;color: #3B9396 !important;border-radius: 50%;width: 20px;height: 20px;display: block;text-align: center;border: 1px solid;line-height: 20px;padding-left: 1px;}
/*....*/
.bg_mayor{background-image: url('../img/main-bg.jpg');}
.mayor{}
.mayor img{margin: auto;}
.mayor .link{font-size: 25px;font-weight: 500;color: #4d807e;}
.mayor .link:hover{color: #3E3E3E;}
.mayor .title{font-size: 25px;}
/*....*/
.Organizations{}
.box_Organizations{margin-top: 10px;}
.box_Organizations .logo-container{height: 120px;width: 120px;margin: auto auto 10px;position: relative;background-clip: content-box;-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;}
.active.center .box_Organizations .logo-container:after{content: '';height: 100%;width: 100%;position: absolute;top: -5px;animation: rotate infinite 2s linear;right: 0;border-top: 5px solid #22aba6;border-bottom: 5px solid #4d807e;-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;}
@keyframes rotate {
    from {
        transform:rotate(0) 
    }
    to {
        transform:rotate(360deg) 
    }
}
.box_Organizations .logo-container div{}
.box_Organizations .logo-container .bold-border{border: 7px solid rgba(34,171,166,.5);position: absolute;-webkit-border-radius: 800px;-moz-border-radius: 800px;border-radius: 800px;top: 0;transition: .15s;height: 100%;width: 100%;z-index: 3;}
.box_Organizations .logo-container .blue-layer{height: 100%;width: 100%;position: absolute;top: 0;z-index: 4;-webkit-border-radius: 800px;-moz-border-radius: 800px;border-radius: 800px;background: rgba(52,171,252,.17);}
.box_Organizations .logo-container .think-border{height: calc(100% - 20px);width: calc(100% - 20px);position: absolute;top: 11px;left: 10px;opacity: .8;transition: .15s;z-index: 4;mix-blend-mode: overlay;border: 2px solid #fff;-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;}
.box_Organizations .logo-container img{position: relative;top: 0;z-index: 2;transition: .3s;width: 100%;-webkit-border-radius: 800px;-moz-border-radius: 800px;border-radius: 800px;background-color: #fff;height: 100%;}
.box_Organizations .text{}
.box_Organizations .text .name{background: #22aba6;border:1px solid #22aba6;}
.box_Organizations .text .name:hover{background: transparent;color: #22aba6 !important;}
/*....*/
.item_news{

    background-color: #3E3E3E;
    overflow: hidden;
}
.item_news .meta{}
.item_news .meta li{}
.item_news .meta li i{color: #22aba6;}
.item_news .meta li span{}
.item_news > .item_img{

    height: 220px;
}
.item_news > .item_img > img{

    height: 100%;
    width: 100%;
    object-fit: cover;
}
.item_news > .item_text{

}
.item_news > .item_text > h2{
    font-size: 14px;
    padding: 0 15px 10px;
}
.item_news > .item_text > h2 a{color: #fff;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item_news > .item_text > p{

    height: 63px;
    overflow: hidden;
    color: #fff;
    text-align: justify;
}
.item_news > .item_text > a{
}
.item_news > .item_text > hr{
    width: 90%;
    border: none;
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 2px dotted #22aba6;
    padding: none;
    margin: 0 auto 13px;
}
/*...*/
.language{}
.language select{font-size: 14px;line-height: 20px;height: auto;background: url('../lib/bootstrap-4.3.1-dist/select-icon.png') no-repeat left 0 center/8px;border-color: transparent !important;}
.language select:focus{border: 0 !important;;box-shadow: none !important;}
/*...*/
.box_ImgMenue{}
.box_ImgMenue a{}
.box_ImgMenue img{height: 82px;width: 100px;object-fit: cover;border-color: #22aba6 !important;}
.box_ImgMenue .title{background: #22aba6;border:1px solid #22aba6;transition: 0.6s;}
.box_ImgMenue:hover .title{background: transparent;color: #22aba6 !important;}
.list_ImgMenue{}
.list_ImgMenue li{}
/*...*/
.service_us{bottom: 0;padding: 0 15px;right: 0;}
.service_us ul{background: rgba(34,171,166,0.7);transition: 0.4s}
.service_us ul:hover{background: rgba(34,171,166,0.9);}
.service_us ul li{}
.service_us ul li a{}
.service_us ul li a img{width: 40px;height: 40px;-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}
.service_us ul li:hover img{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
/*...*/
.Promote_city{background-image: url('../img/bg.png');background-position: center top;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
/*.Promote_city img{height: 100px;}*/
/*...*/
.bg_site{background-color: #3E3E3E;overflow: hidden;}
.nav_site{background: #22aba6;}
.nav_site li{}
.nav_site li a{color: #fff;padding: 2.5px 5px;}
.nav_site li a.active{background-color: #fff !important;color: #22aba6 !important;}
.content_site{}
.content_site .tab-pane{}
.list_siteLink{}
.list_siteLink li{}
.list_siteLink li a{display: inline-block;position: relative;}
.list_siteLink li a:before{content: "";width: 5px;height: 5px;border: 1px solid #22aba6;right: -5px;position: absolute;top: 50%;margin-top: -2px;}
.list_siteLink li a:hover{color: #22aba6 !important;}
.list_siteLink li a:hover:before{border-color: #fff;}
/*---*/
.E-service{position: relative;}
.E-service:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #202020;cursor: pointer;opacity: 0.5;z-index: 9999999;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.E-service:hover:before{-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.E-service img{width: 100%;height: 100%;object-fit: cover;}
.Visitor{}
.Visitor ul{}
.Visitor ul li{font-size: 13px;}
.Visitor ul li span{color: #22aba6;font-weight: bold;}
.Citizen_ID{height: 40px;position: relative;padding: 0 35px;}
.Citizen_ID a{}
.Citizen_ID .flower-title{}
.Citizen_ID .flower-title .flower{background: transparent url("../img/titel_ico.png") repeat scroll -40px 1px;background-position-x: 0;background-position-y: 1px;display: inline-block;height: 40px;position: absolute;top: 0;vertical-align: top;width: 38px;}
.Citizen_ID .text-title{white-space: nowrap;display: table-cell;width: 1%;color: #22aba6;padding: 0 5px;line-height: 38px;}
.Citizen_ID .text-title:hover{color:#3E3E3E;}
.Citizen_ID .text-title span{}
.Citizen_ID .right-flower{}
.Citizen_ID .right-flower .flower{right: 0;}
.Citizen_ID .left-flower{}
.Citizen_ID .left-flower .flower{left: 0;background-position: -40px 1px;}
/*...*/
.Visitor_parent{
    right: 15px;
    width: 100%;
    bottom: 0;
}
/*----*/
.list_news{}
.list_news li{transition: 0.3s;}
.list_news li .media:hover{border-color: #22aba6 !important;}
.list_news .media{}
.list_news .media .Img{width: 73px;height: 73px;}
.list_news .media .Img img{object-fit: cover;height: 100%;width: 100%;}
.list_news .media .media-body{}
.list_news .media .media-body .title{font-size: 14px;line-height: 25px;}
.list_news .media .media-body .title a{color: #22aba6;}
.list_news .media:hover .media-body .title a{color: #3E3E3E;}
.list_news .list_sample{}
.list_news .list_sample li{position: relative;padding: 10px 0;}
.list_news .list_sample li a{color: #000;font-size: 13px;text-align: justify;display: block;line-height: 25px;padding-right: 10px;position: relative;}
.list_news .list_sample li a:hover{color:#22aba6;}
.list_news .list_sample li:after{content: "";position: absolute;width: 80%;border-bottom: 3px solid #ddd;right: 10%;border-radius: 50%;bottom: 0;}
.list_news .list_sample li:last-of-type:after{content:none;}
.list_news .list_sample li a:before{content: "";width: 5px;height: 5px;border: 1px solid #22aba6;position: absolute;right: 0;top: 10px;}
.list_news .list_sample li a:hover:before{border-color: #000;}
/*---blog*/
.breadcrumb_list{}
.breadcrumb_list li{}
.breadcrumb_list li a{color: #000;}
.breadcrumb_list li a:hover{color: #22aba6;}
.breadcrumb_list li span{color: #22aba6;}
/*...*/
.pagination_list{}
.pagination_list li{}
.pagination_list li i{}
.pagination_list li a{background: transparent;border: 0;color: #22aba6;border-radius: 50%;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
.pagination_list li a:focus,
.pagination_list li a:hover{background: transparent !important;}
.pagination_list li.active a{background-color: #22aba6 !important;border-color: #22aba6 !important;}
/*...*/
.servic_side{}
.servic_side ul{}
.servic_side li{width: 45%;float: right;transition: 0.6s;background: #22aba6;}
.servic_side li:hover{box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.servic_side li:last-of-type{width: 93%;}
.servic_side li a{}
.servic_side li img{width: 70px;height: 70px;margin-bottom: 5px;}
.servic_side li span{font-size: 12px;color: #000;color: #fff;}
/*---single_blog*/
.News_history{}
.News_history li{display: inline-block;margin: 0 2px;color: #636363;}
.News_history li span{}
.News_history li a{}
.News_history li i{}
.News_history li .fa-calendar{color: #9C0A0D;}
.News_history li .fa-link{color: #03A9F4;}
/*...*/
.icon_share{}
.icon_share li{margin: 0 5px;-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.07),1px 3px 2px rgba(0,0,0,0.14);-moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.07),1px 3px 2px rgba(0,0,0,0.14);box-shadow: 0px -1px 2px rgba(0,0,0,0.07),1px 3px 2px rgba(0,0,0,0.14);width: 27px;height: 27px;border-radius: 50%;text-align: center;padding: 6px 0;}
.icon_share li a{}
.icon_share li a i{}
.icon_share li a i.fa-print{color: #000;}
.icon_share li a i.fa-envelope{color: #c21515;}
.icon_share li a i.fa-twitter{color: #32DEF4;}
.icon_share li a i.fa-linkedin-in{color: #5d5d5d;}
.icon_share li a i.fa-facebook-f{color: #20327e;}
.icon_share li a i.fa-google-plus-g{color: #D44132;}
.icon_share li a i.fa-paper-plane{color: #0d70d1;}
/*...*/
.blog_main{}
.blog_main .Img{width: 270px;height: 160px;}
.blog_main .Img img{height: 100%;max-width: 100%;object-fit: cover;}
.blog_main .media-body{}
.blog_main .media-body .meta{font-size: 17px;color: #636363;font-weight: 500;}
.blog_main .media-body .title{font-size: 18px;color: #000;line-height: 25px;}
.blog_text_main{}
.blog_text_main p{color: #636363;line-height: 25px;}
.tags_blog{}
.tags_blog li{}
.tags_blog li a{background: #22aba6;color: #fff;padding: 5px 12px;font-size: 12px;border: 1px solid #22aba6;}
.tags_blog li a:hover{background: transparent;color: #22aba6;}
/*....*/
.search{}
.search input{height: 40px;}
.search .input-group-append{}
.search .input-group-append button{background: #22aba6;color: #fff;}
/*....*/
.search_menu .input-group .input-group-append button img{height: 24px;}
.line_search input:focus,
.search_menu .input-group input:focus{border: 0 !important;box-shadow: none !important;}
/*....*/
.list_electronic{}
.list_electronic .list{}
.list_electronic .list .line{padding: 10px;transition: 0.6s;}
.list_electronic .list .line:hover{background: #eee;}
.list_electronic .list .line:last-of-type{border-bottom: 0 !important;}
.list_electronic .list .line .title{}
.list_electronic .list .line .title a{}
.list_electronic .list .line .title a:hover{}
.list_electronic .list .line .ico_list{margin-right: auto;display: flex;}
.list_electronic .list .line .ico_list a{margin-right: 5px;}
.list_electronic .list .line .ico_list a i{width: 30px;height: 30px;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #07ecb4;background: #fff;font-size: 14px;}
.list_electronic .list .line .ico_list a img{display: inline-block;width: 30px;height: 30px;border-radius: 50%;}
/*...*/
.field {
    height: 40px;
    border-radius: 0;
}
label.error {
    font-size: 12px;
    color: red;
    position: absolute;
    left: 0;
    margin: 0;
    top: 40px;
}
/*...*/
.modal .close{
    left: -3px;
    border-color: #22aba6 !important;
    color: #22aba6;
    opacity: 1;
    width: 40px;
    height: 40px;
    text-shadow: none;
    line-height: 45px;
    top: -5px;
}
.modal .modal-title{font-size: 15px;}
.w_120 {
    width: 120px;
}
.nav_login{}
.nav_login li a:hover{color: #22aba6 !important;border-color: transparent !important;}
.nav_login li a.active{color: #fff !important;background: #22aba6 !important;}
.form-group {
    position: relative;
}
/*---electronic*/
header.fixedTop.head_electronic{background: #fff;}
header.fixedTop.head_electronic .line_logo{padding-top: 0 !important;;}
.head_electronic{background: #22aba6;border-bottom: 1px solid #22aba6;}
.head_electronic .line_logo{}
.head_electronic .line_search{transition: 0.6s;}
.head_electronic .line_search .Logo_electronic{}
.head_electronic .line_search .Logo_electronic img{}
.fixedTop.head_electronic .line_search .Logo_electronic img:last-of-type{display: block !important;}
.fixedTop.head_electronic .line_search .Logo_electronic img:first-of-type{display: none !important;;}
.head_electronic .line_search .list{}
.head_electronic .line_search .list li{width: 70px;height: 70px;color: #fff;border-radius: 50%;background: #CECECE;display: flex;align-items: center;justify-content: center;margin-right: 5px;}
.head_electronic .line_search .list li:hover{background: #fff;}
.head_electronic .line_search .list li a{border: 3px solid #22aba6;border-radius: 50%;width: 55px;height: 55px;display: flex;align-items: center;justify-content: center;}
.head_electronic .line_search .list li:hover a{color: #22aba6;}
header.fixedTop.head_electronic .line_search{padding:  3px 0 !important;}
/*....*/
.slider_elc{}
.slider_elc .carousel-control-prev,
.slider_elc .carousel-control-next{background: transparent;}
.slider_elc .carousel-control-prev span,
.slider_elc .carousel-control-next span{}
.slider_elc .carousel-control-next span{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");}
.slider_elc .carousel-control-prev span{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");}
.slider_elc .carousel-control-prev{left: 0;}
.slider_elc .carousel-control-next{right: 0;}
/*....*/
.atributies_list{background: rgba(34,171,166,0.7);}
.atributies_list .list-inline{background: transparent;}
.atributies_list .list-inline:hover{background: transparent;}
.atributies_list .list-inline li{}
.atributies_list .list-inline li a{transform: skew(-45deg);}
.atributies_list .list-inline li a:hover,
.atributies_list .list-inline li a.active{background: #22aba6;}
.atributies_list .list-inline li a span{transform: skew(45deg);}
c{}
/*....*/
.menue_list{}
.menue_list li{}
.menue_list li a{background: #22aba6;}
.menue_list li a:hover{}
/*..mobile..*/
.bg_mobile{background: #b7e5e3;}
.Site_software{background: rgba(255,255,255,0.7);}
.Site_software .title_main{font-size: 19px;}
.Site_software .list_app{}
.Site_software .list_app li{float: right;width: 23%;margin: 0 1%;padding: 10px 5px;box-shadow: 0 0 4px rgba(0,0,0,0.2);background: #fff;}
.Site_software .list_app li a{display: block;}
.Site_software .list_app li img{}
.Site_software .list_app li span{}








/* DEHNAVI STYLES  */
header.fixedTop .line_logo .button_groupHeader li + li::before{color: #000;}
header .time_header p{
    display: none ;
}
header.fixedTop{
    padding-top : 35px !important;
}
header.fixedTop > nav{
    padding-top:0;
    padding-bottom : 0 ;
    transition : 0.5s
}
header.fixedTop .line_logo{
    background-color: #22aba6 !important;
    position: fixed;
    top: 0;
    height: 35px !important;
    z-index: 10000;
    width: 100%;
    padding-top: 6px;
    /*box-shadow : 5px 5px 15px #666;*/
    transition : 0.8s;
}
header.fixedTop .line_logo li a:hover{
    color : #fff !important;
}
header.fixedTop .line_logo .logo_main{
    display : none;
}
header.fixedTop .time_header p{
    display: block;
}
#motto{
    font-family: IranNastaliq;
    font-size: 19px;
}

#iconBox{
    background-color: rgba(200,200,256,0) !important;
}

#iconBox>div{
    background-color: rgba(256,256,256,0.2) !important;
    transition:0.4s;
}

#iconBox>div:hover{
    background-color: rgba(256,256,256,0.40) !important;
}

#iconBox>div>div:first-child{
    padding-top: 20px;
}
.Visitor_parent{
    bottom: 30px !important;
}
.Citizen_ID .hover .right-flower span{
    background-position-x : 76px !important;
    transition : 0.3s
}

.Citizen_ID .hover .left-flower span{
    background-position-x : -119px !important;
    transition : 0.3s
}
.Citizen_ID .text-title{
    padding: 0 2px;
    border-radius: 5px;
    transition : 0.5s;
    text-align: center;
}
.Citizen_ID .hover .text-title{
    background-color: #fff;
    transition : 0.5s
}

.list_ImgMenue{
    width : 650px !important;
    max-width : 650px !important;
    /*right : 30% !important;*/
    background-color : rgba(256,256,256,0.8) !important;
}
.list_ImgMenue:hover{
    background-color : rgba(256,256,256,0.8) !important;
}

.list_ImgMenue .virtual p{
    background-color : #7434b9;
}
.list_ImgMenue .virtual p:hover { 
    background-color : #7434b9 !important;
    color : #fff !important
}

.list_ImgMenue>li{
    margin-bottom : 0 !important;
    padding-top : 15px;
    padding-bottom:15px;
    border-radius : 5px;

}

.list_ImgMenue>li:hover{
    background-color : rgba(256,256,256,0.6)
}
.list_ImgMenue .virtual:hover{
    background-color : rgba(256,256,256,0.001)
}

.navShardari,.navImages{
    position: relative !important;

}

.navShardari .HingeUpToDown{
    max-width: 470px !important;
    width: 470px !important;
    top: 46px !important;
    background-color : rgba(256,256,256,0.85) !important;
    padding: 15px 20px;
}

.navShardari .HingeUpToDown:hover{
    background-color : rgba(256,256,256,0.85) !important;
}

.navShardari  .HingeUpToDown li{
    background-color : rgba(256,256,256,0.001) !important;
    padding: 8px 12px 8px 15px;
    border-radius: 5px;
    border: 1px solid rgba(150,150,150,0);
    transition: .5s;
}

.navShardari  .HingeUpToDown li li:hover{
    background-color : rgba(256,256,256,0.5) !important;
    border: 1px solid rgba(150,150,150,1);
}

.fixedTop .navShardari .HingeUpToDown{
    top: 38px !important;
}

/*---*/
.title_side,
.titel_page{position: relative;z-index: 0;}
.title_side:after,
.titel_page:after{content: "";width: 100%;position: absolute;border-bottom: 4px dashed #ddd;margin-top: -2px;top: 50%;right: 0;z-index: -1;}
.title_side .info,
.titel_page .info{background: url('../img/grey.png');}
.titel_page .info h3{font-size: 23px;}
.titel_page .info p{}
.titel_page_white .info{background: #fff;}
.title_side:after{border-width: 2px;}
.title_side h3{font-size: 17px;}
/*...*/
.slider_owl{}
.slider_owl .owl-dots{margin-top: 20px;}
.slider_owl .owl-nav{}
.slider_owl .owl-nav button{position: absolute;top: 50%;background: #22aba6 !important;width: 30px;height: 30px;color: #fff !important;margin-top: -15px !important;}
.slider_owl .owl-nav button span{}
.slider_owl .owl-nav button span i{margin-top: 5px;}
.slider_owl .owl-nav .owl-prev{left: -20px;}
.slider_owl .owl-nav .owl-prev span{}
.slider_owl .owl-nav .owl-next{right: -20px;}
.slider_owl .owl-nav .owl-next span{}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #22aba6;}
/**************
footer
**************/
footer{background: url('../img/footerBg.jpg')no-repeat scroll top center #017989;position: relative;z-index: 1;}
.footerhead{}
.footerinner{padding: 80px 0 0 0;}
.footerinner .map_footer{margin-top: 40px;}
.footerinner .map_footer #map_canvas{height: 243px;width: 100%;}
.footerinner .map_footer > div{}
.footerinner .link_footer{color: #fff;font-size: 16px;}
.footerinner .titel_footer{font-size: 16px;font-weight: 600;margin: 45px 0 30px;color: #fff;}
.footerinner .link_footer > .contact{}
.footerinner .link_footer > .contact li{line-height: 34px;font-size: 14px;margin-bottom: 5px;}
.footerinner .link_footer > .contact li i{font-size: 18px;width: 20px;text-align: center;margin-left: 5px;margin-bottom: 5px;}
.footerinner .link_footer > .contact li span{}
.footerinner .link_footer > .contact li.contact_ico{margin-top: 15px;}
.footerinner .link_footer > .contact li.contact_ico > div > div{
    padding-right: 5px;
    padding-left: 5px;
}
.footerinner .link_footer > .contact li.contact_ico a{}
.footerinner .link_footer > .contact li.contact_ico a > i{background: #016366;width: 44px;height: 44px;font-size: 25px;padding: 10px 10px;margin: 0 0 1px 0;-moz-transition: 0.7s ease 0s;-webkit-transition: 0.7s ease 0s;-o-transition: 0.7s ease 0s;transition: 0.7s ease 0s;color: #fff;}
.footerinner .link_footer > .contact li.contact_ico a > i:hover{
    background: #fff;
    color: #017989;
}
.footerinner .link_footer > .contact li.contact_ico .time_job{font-size: 12px;line-height: 22px;}
.footerinner .link_footer > .contact li.contact_ico .time_job strong{font-size: 13px;width: auto;font-weight: bold;}
.footerinner .link_footer .list_ico{}
.footerinner .link_footer .list_ico li{}
.footerinner .link_footer .list_ico li a{}
.footerinner .link_footer .list_ico li a i{}
.footerinner .link_footer .list_link{}
.footerinner .link_footer .list_link li{}
.footerinner .link_footer .list_link li a{line-height: 34px;font-size: 14px;color: #fff;-moz-transition: all 0.7s ease 0s;-webkit-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;}
.footerinner .link_footer .list_link li a:hover{
    padding-right: 5px;
}
.footerinner .link_footer .list_link li a i{}
footer .footer_last{background: #016366;}
footer .footer_last .row{align-items: center;}
footer .footer_last .copyRight{}
footer .footer_last .copyRight > a{color: #fff;text-transform: capitalize;font-weight: 400;font-size: 14px;margin-left: 5px;}
footer .footer_last .copyRight > a span{}
footer .footer_last .copyRight > a i{}
footer .footer_last .Social-Iconfooter{text-align: left;}
footer .footer_last .Social-Iconfooter li{display: inline-block;}
footer .footer_last .Social-Iconfooter li a{}
footer .footer_last .Social-Iconfooter li a i{background: #017989;font-size: 30px;width: 68px;margin-top: 2px;height: 67px;color: #004f51;-moz-transition: 0.7s ease 0s;-webkit-transition: 0.7s ease 0s;-o-transition: 0.7s ease 0s;transition: 0.7s ease 0s;display: flex;align-items: center;justify-content: center;}
footer .footer_last .Social-Iconfooter li a i:hover{
    color: #fff;
}
/*...........*/
#back-top {
    position: fixed;
    bottom: 30px;
    margin-right: 20px;
    z-index: 1;
    display: none;
}
#back-top a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
/* arrow icon (span tag) */
#back-top i {
    width: 34px;
    height: 34px;
    display: block;
    background:grey;
    /* rounded corners */
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 0.6s;
    padding: 9px 0 0;
    color: #22aba6;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
    border: 3px solid #22aba6;
    font-size: 18px;
    line-height: 8px;
}
#back-top a:hover span {
    background-color: #777;
}
@media(min-width:576px){

}
@media(max-width:1200px){

}

@media(max-width:992px){
    .nav_home .nav_list {
        padding: 0 10px;
    }
}
@media(max-width:768px){
    .pills_service {
        text-align: center;
        justify-content: center;
    }
    .Visitor_parent {
        position: relative !important;
        right: 0;
        width: auto;
    }
    .nav_home {
        padding: 0;
    }

    .list_ImgMenue li{
        display: inline-block;
    }
    .access-item .spinner {
        width: 150px;
    }
    .titel_page .info h3 {
        font-size: 20px;
    }   
    .titel_page .info p {
        font-size: 12px;
    }
}
@media(max-width:576px){
    .nav_home .nav_list .nav-item > .HingeUpToDown{float: inherit !important;}
    .blog_main .media-body,
    footer .footer_last .Social-Iconfooter,
    header .line_logo .time_header,
    header .line_logo .button_groupHeader {
        text-align: center; 
    }
    footer .footer_last .copyRight {
        line-height: 27px;
    }
    .footerinner .titel_footer {
        margin: 5px 0 20px;
    }
    header.fixedTop .line_logo,
    .sticky-top {
    }
    .slider_main .carousel-control-prev {
        left: 0;
    }
    .slider_main .carousel-control-next {
        right: 0;
    }
    footer .footer_last .Social-Iconfooter li a i {
        font-size: 25px;
        width: 50px;
        height: 50px;
    }
    .nav_home .nav_list .nav-item > a {
        display: inline-block;
    }
    .nav_home .nav_list .nav-item {
        display: block !important;
    }
    .blog_main {
        display: block;
    }
    .blog_main .Img {
        margin: 0 auto 20px !important;
    }
    header .logo_main{display: none;}

    .navShardari .HingeUpToDown {
        max-width: inherit !important;
        width: auto !important;
        top: 0 !important;
    }
    .HingeUpToDown .imgLogo{display: none}
    .Visitor_parent {
        bottom: 0 !important;
    }
    #motto {
        color: #000 !important;
    }
    .blog_main .Img {
        width: auto;
        height: auto;
    }
}
@media(max-width:410px){
    .levels_index .item_levels{width: 100% !important;}
}
@media(min-width:576px){
    .navbar-expand-sm .navbar-toggler {
        display: inherit;
    }
}
@media(min-width:992px){
    .navbar-expand-sm .navbar-toggler {display: none;}
    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .dropdown-menu.HingeUpToDown2, .dropdown-menu.HingeUpToDown {
        visibility: hidden;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
        opacity: 0;
        width: 100%;
        box-shadow: none;
        display: block;
        margin-top: 0;
    }
    .nav_home .navbar-nav li.dropdown:hover .HingeUpToDown {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .nav_home .nav_list .nav-item {
        position: static;
    }
    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu{position: absolute;}
}
@media(max-width:1200px){
    .access-item .spinner{display: none;}
    .access-item .img{position: relative;border: 1px solid #22aba6;border-radius: 3px;right: 0;top: 0;}
    .access-item .itemtitle{font-size: 12px;padding: 5px;}
    .access-item .img img{margin: auto;padding: 5px;}
}
@media(max-width:992px){
    .mayor .link{font-size: 18px;}
    .mayor .title{font-size: 15px;}
    #iconBox > div{padding-bottom: 10px !important;text-align: center;}
    .Visitor_parent {
        bottom: 0 !important;
    }
    .container {
        max-width: 100%;
    } 

    .collapse:not(.show) {
        display: none !important;
    }
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    } 
    .navbar-expand-sm .navbar-nav {
        flex-direction: column;
        -ms-flex-direction: column;
    }
    .nav_home .nav_list .nav-item > a {
        display: inline-block;
    }
    .nav_home .nav_list .nav-item {
        display: block !important;
    }
    .nav_home .nav_list .nav-item > .HingeUpToDown{float: inherit !important;}
    .navbar-expand-sm .navbar-nav .dropdown-menu{position: static;}
    .navShardari .HingeUpToDown,
    .list_ImgMenue {
        width: auto !important;
        max-width: inherit !important;
        right: 0 !important;
    }
    .navbar-expand-sm .navbar-collapse {
        flex-basis: 100%;
        height: auto !important;
    }
    #motto,
    header .line_logo .time_header,
    header .logo_main{display: none;}
    #motto {
        color: #000 !important;
    }
    header .line_logo .button_groupHeader {
        text-align: center;
        padding: 5px 0;
    }
    .slider_main .carousel-control-prev {
        left: 0;
    }
    .slider_main .carousel-control-next {
        right: 0;
    }
    .slider_main .carousel-control-prev,
    .slider_main .carousel-control-next{background-image: none;}
    .slider_main .carousel-control-prev span{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");}
    .slider_main .carousel-control-next span{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");}
    .service_us{position:relative !important;}
    .service_us ul:hover,
    .service_us ul {background: transparent;}
    .service_us ul li{background: #22aba6;padding: 5px 10px;border-radius: 5px;}
    .pills_service .nav-item .nav-link{padding: 10px;}
    .footerinner .map_footer{display: none;}

}
@media(max-width:768px){
    .service_us ul li a img{width: 20px;height: 20px;}
    .pills_service .nav-item .nav-link {padding: 0;}
    .access-item .img img{}
    footer .footer_last {
        background: #016366;
        padding: 10px 0;
    }
    .E-service {display: inline-block;width: 350px;height: 145px;}
    footer .footer_last .Social-Iconfooter{text-align: center;margin-top: 10px;}
}
@media(max-width:576px){
    .service_us ul li a img{width: 20px;height: 20px;}
    .service_us ul li{font-size: 10px;}
    .access-item .img img {
        width: 50px;
        height: 50px;
    }
    .pills_service .nav-item {
        width: 15.5%;
    }
    .access-item .itemtitle {
        font-size: 10px;
        padding: 1px;
        margin-top: 5px;
        border-radius: 5px;
    }
    .nav_site li + li{margin-right: 0 !important;}
    .nav_site li {font-size: 12px;}
    .Citizen_ID .flower-title{display: none;}
    .E-service {
        width: auto;
    }
}


.w10{width: 10% !important;}
.w20{width: 20% !important;}
.w30{width: 30% !important;}
.w40{width: 40% !important;}
.w50{width: 50% !important;}
.w60{width: 60% !important;}
.w70{width: 70% !important;}
.w80{width: 80% !important;}
.w90{width: 90% !important;}
.w100{width: 90% !important;}

.w5{width: 5% !important;}
.w15{width: 15% !important;}
.w25{width: 25% !important;}
.w35{width: 35% !important;}
.w45{width: 45% !important;}
.w55{width: 55% !important;}
.w65{width: 65% !important;}
.w75{width: 75% !important;}
.w85{width: 85% !important;}
.w95{width: 95% !important;}