@font-face {
    font-family: 'lowshan';
    src: url('../fonts/IRANSansWeb.eot') format('embedded-opentype'), url('../fonts/IRANSansWeb.ttf') format('truetype'), url('../fonts/IRANSansWeb.woff') format('woff'), url('../fonts/IRANSansWeb.woff2') format('woff2');
}

@font-face {
    font-family: 'Fontawesome';
    src: url('../fonts/fontAwesome/fontawesome-webfont3e6e.eot') format('embedded-opentype'), url('../fonts/fontAwesome/fontawesome-webfont3e6e.svg') format('svg'), url('../fonts/fontAwesome/fontawesome-webfont3e6e.ttf') format('truetype'), url('../fonts/fontAwesome/fontawesome-webfont3e6e.woff') format('woff'), url('../fonts/fontAwesome/fontawesome-webfont3e6e.woff2') format('woff2'), url('../fonts/fontAwesome/fontawesome-webfontd41d.eot') format('embedded-opentype');
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: lowshan;
}

.main-svg {
    display:contents;
}

input:focus {
    outline:none;
}

.bg-paper {
    background: url(../images/pattern/service-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}  


.svg-loader-map {
    width:50px !important;
    height:50px !important;
}

.svg-map{
    width: 41%;
    height: auto;
}

path {
    fill: #BDBDBD;
    cursor: pointer;
}

path:hover {
    fill: #F44336 !important;
}

.path-blue {
    fill: #6caed8 !important;
    cursor: default !important;
}

.path-blue:hover {
    fill: #6caed8 !important;
}

path.path-green {
    fill: #61ad38;
    cursor: pointer;
    background-color:#61ad38;
}

li.path-green {
    fill: #61ad38;
    cursor: pointer;
    background-color:#61ad38;
}

.path-green:hover {
    fill: #4c872c !important;
}

.Island path {
    fill: #FFF;
}

.Sea .Caspian-Sea, .Sea .Persian-Gulf {
    fill: #6caed8;
}

.Title {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.shop_filter_bar {
    background-color: #333;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 2px;
    width:98%;
    position:relative;
    right:5px;
}

.shop_filter_tags ul {
    margin: 0;
}

.ul_li > li, .ul_li_right > li, .ul_li_center > li {
    float: right;
    list-style: none;
    display: inline-block;
}

.shop_filter_tags li {
    padding: 5px 0;
}

.shop_filter_tags li span {
    color:#FFF;
    position: relative;
    right: 5px;
    font-size: 14px;
}

.shop_filter_tags a {
    display: block;
    color: #908e8d;
    line-height: 1;
    font-size: 15px;
    padding: 8px 14px;
    background-color: #f6f6f6;
    border-radius: 4px;
}

.search-box-offcanvas form input {
    border-radius:5px;
}

.city-sales-offices {
    text-align: center;
}

.city-sales-offices li {
    display: inline-block;
    width: 32%;
    text-align: right;
    margin: 2px 0px;
    border-radius: 5px;
}

.city-sales-offices li.yellow-path {
    background: #FFBB00;
}

.city-sales-offices li a {
    width: 100%;
    display: block;
    right: 0;
    text-align:right;
    color:#333;
    position: relative;
    top: 0;
    padding: 5px 0;
    height: 35px;
}

.city-sales-offices li a span {
    position:relative;
    right:5px;
    font-size: 14px;
}

.city-sales-offices li a:hover {
    background-color:#333;
    color:#FFF;
    border-radius:5px;
}

.box-offices-main {
    position: relative;
    right: 20px;
    top: 15px;
}

.buttom_form_c {
    right:15px;
    margin-top:40px;
}

.buttom_form_c a {
    box-shadow: 1px 2px 5px #404040;
    white-space: nowrap;
}

.btn-style-tow .btn-title {
    padding:15px !important;
}

.btn-style-tow {background: #ff6000 !important}

.button_resize {padding: 0px 22px !important;}


.box-offices-yellow:before {
    content: "\f0c8";
    position: relative;
    left: 5px;
    font-size: 16px;
    color: #61ad38;
    font-family: Fontawesome;
}

.box-offices-gray:before {
    content: "\f0c8";
    position: relative;
    left: 5px;
    font-size: 16px;
    color: #7B7A79;
    font-family: Fontawesome;
}

.title-table-center tr th {
    text-align: center;
    direction: rtl;
    font-weight: bold;
    font-size: 22px;
    text-shadow: 0 2px 5px #000;
    padding: 25px;
}

.table-center {
    text-align: center !important;
}

.table-pad-top td {
    padding: 20px 20px;
    background:#FFBB00;
}

.table-offices {
    display:inline-table;
    margin-top:50px;
}

.table-bg td {
    background-color: #f2f2f2;
}

.odd-even-list-o tr:nth-child(odd) {
    background: #FFBB00 !important;
}

.odd-even-list-e tr:nth-child(even) {
    background: #f2f2f2;
}

.view-address-modal li {
    direction: rtl;
    text-align: justify;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.view-address-modal span {
    position: relative;
    font-weight: 600;
    font-family: lowshan;
    left: 5px;
    text-align: right;
    margin-right: 5px;
}

.view-address-modal li:last-child {
    border-bottom: 0;
}

.border-r-table {
    position: relative;
    top: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.light-box-office a {
    color: #61ad38;
    font-weight: 600;
}

.list-citys ul {
    margin-top: 50px;
    direction: rtl;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
}

.list-citys h4 {
    background: #FFBB00;
    padding: 8px;
    position: relative;
    top: 45px;
    font-size: 18px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.list-citys ul li {
    display: inline-block;
    box-shadow: 0 2px 5px #404040;
    border-radius: 5px;
    border: 1px dotted #888;
}

.list-citys ul li a {
    padding: 4px 30px;
    background-color: #333;
    margin: 10px 10px;
    display: inline-block;
    color: #FFF;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
}

.list-citys a:hover {
    color:#FFBB00;
}

.list-citys ul li a:before {
    content:"\f137";
    position:relative;
    top: 2px;
    left: 10px;
    color:green;
    font-family:Fontawesome;
}

.icon-city:before {
    content: "\f279";
    position: relative;
    top: 2px;
    left: 10px;
    color: #222;
    font-family: Fontawesome;
    font-size: 18px;
}

.icon-agency:before {
    content: "\f007";
    position: relative;
    top: 2px;
    left: 10px;
    color: #222;
    font-family: Fontawesome;
    font-size: 18px;
}

.icon-google-map:before {
    content: "\f041";
    position: relative;
    top: 2px;
    left: 10px;
    color: #222;
    font-family: Fontawesome;
    font-size: 18px;
}

.icon-pic:before {
    content: "\f030";
    position: relative;
    top: 2px;
    left: 10px;
    color: #222;
    font-family: Fontawesome;
    font-size: 18px;
}

.icon-address:before {
    content: "\f2b9";
    position: relative;
    top: 2px;
    left: 10px;
    color: #222;
    font-family: Fontawesome;
    font-size: 18px;
}

.icon-email:before {
    content: "\f0e0";
    position: relative;
    top: 2px;
    left: 10px;
    color: #222;
    font-family: Fontawesome;
    font-size: 18px;
}

.icon-location:before {
    content: "\f041";
    position: relative;
    top: 2px;
    left: 10px;
    color: #222;
    font-family: Fontawesome;
    font-size: 18px;
}

.icon-mobile:before {
    content: "\f10b";
    position: relative;
    top: 2px;
    left: 10px;
    color: #222;
    font-family: Fontawesome;
    font-size: 18px;
}

.icon-clock:before {
    content: "\f017";
    position: relative;
    top: 2px;
    left: 10px;
    color: #222;
    font-family: Fontawesome;
    font-size: 18px;
}

.icon-telephone:before {
    content: "\f095";
    position: relative;
    top: 2px;
    left: 10px;
    color: #222;
    font-family: Fontawesome;
    font-size: 18px;
    transform: rotate(260deg);
    display: inline-block;
}



@media only screen and (max-width: 991.98px) {

    .svg-map {
        width: 90%;
        margin: 50px 0 25px 0;
    }

}

@media only screen and (max-width: 479.98px) {

    .city-sales-offices li a span {
        right: 4px;
        font-size: 11px;
        font-weight: 600;
    }

    .shop_filter_bar {
        width: 100%;
        right:0;
    }
}

@media only screen and (max-width: 336px) {

    .city-sales-offices li a span {
        font-size: 10px;
    }

}


@media only screen and (max-width: 991.98px) {

    .table-offices {
        overflow:auto;
    }

    .table-grid-tr {
        display: grid;
    }

    .table-grid-td td {
        display: grid;
    }

    .table-hidden {
        display:none;
    }

    .list-citys ul li {
        display: grid;
        margin-bottom: 5px;
    }

}

.td-nowrap {
    white-space:nowrap;
}

.align-city {
    display: block !important;
    margin-right: 5px !important;
}

.location_map {
    color: #FFF !important;
    background-color: #569a32;
    padding: 3px 20px;
    border-radius: 5px;
    font-size: 14px;
}

.location_map:hover {
    background-color: #417425;
    box-shadow: 0 1px 4px #666;
}

.eye_map {
    color: #F2F2F2 !important;
    background-color: #569a32;
    padding: 3px 40px;
    border-radius: 5px;
    font-size: 14px;
}

.eye_map:hover {
    background-color: #417425;
    box-shadow: 0 1px 4px #666;
}

.eye_map:before {
    content: "\f06e";
    position: relative;
    top: 2px;
    font-family: Fontawesome;
    font-size: 18px;
    text-align: center;
    text-shadow: 0 1px 5px #404040;
}

.scroll_bar_tow {
    display: none;
}

.table-bordered td a {
    color: #212529;
}

#mazan-c, #info-amol, #khooz-c, #info-ahvz, #info-rasht, #rasht-c, #info-rasht-2, #hameddan-c, #info-hameddan, #info-dezfool, #teh-c, #info-lowshan, #info-sobhan, #info-ahmadi , #info-tejarat, #info-khaji,
#azar-shargh-c, #info-tabriz, #info-tonecabon, #alborz-c, #info-karaj, #info-karaj-2 , #info-karaj-3 , #ghom-c, #info-ghom, #info-qazvin, #info-qazvin-s2, #qazvin-c, #info-lorestan, #lorestan-c , #markazi-c, #info-khomein, #markazi-c, #info-kermanshah, #kermanshah-c, #info-bajelani, #info-behbahan , #info-chaharmahal , #chaharmahal-c , #info-karaj-2 , #info-ghom-2, #info-piranshahr, #azar-gharb-c, #kashan-c, #info-kashan , #zanjan-c , #info-zanjan , #baneh-c , #info-baneh , #info-esfahan , #info-karaj-4 , #info-kish , #kish-c , #info-kelardasht , #info-bukan , #info-karaj-5 , #info-kondori , #info-ardabil {
    display: none;
}

@media only screen and (max-width: 479.98px) {
    .scroll_bar_one {
        display: none;
    }
}

@media only screen and (max-width: 479.98px) {
    .scroll_bar_tow {
        display: block;
    }
}