@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}
body { font-family: IRANSans; color:#414f62; font-size: 12pt; overflow-x: hidden }
a { color: #062149; text-decoration: none }
a:hover { text-decoration: none; color: green; }
.btn-style-1 { background: #009444;  color: white; }
.btn-style-1:hover { border: solid 1px #009444;  color: #009444 }
.btn-style-2 { background: #C58D3A;  color: white; }
.btn-style-2:hover { background: #C58D3A; color: white }
.btn-style-3 { background: #f5f8fe;  color: #0d6efd; }
.btn-style-3:hover { background: #EDD089; color: white; }
.btn-style-3:focus { background: #C58D3A; color: white }
/*----------------------header-----------------*/
header {  height: 100px;   }
.nav-item { padding: 5px 13px }
.nav-link { color: #009444; }
.nav-link:hover { color: #006838; }
.carousel-caption {  opacity: 0.5; background: -webkit-linear-gradient(right,transparent,black,transparent); }
/*-----------------------------detail pages-----------------*/

/*----------------------------------Footer----------------------*/
footer { width: 100%; float: right; background: #006838; }
footer .container { padding-top: 10px; color: white; font-size: 10pt }
footer .row {  margin-top: 15px; margin-bottom: 15px;  }
footer .social {  font-size: 15pt  }
footer a { color: white; }
footer a:hover { color: lawngreen }
/*----------------------------------Responsive----------------------*/
@media (max-width:480px) {
    .view { height: 500px; background-size: 100% 500px  }
    #divHeaderMenu ul li { padding-right: 15px }
    #lstProvincesCities { width: 90%; left: 5%; }
    .modal { right: 0; }
    .member-info-btn { width: 100% }
    #btnFriendRequest { margin-top: 15px; }
    .nav-tabs li { width: 100% }
    .bg_image {  background-size: 100% 300px; height: 300px; }
    .bg_image .row { padding-right: 30px; margin-top: 170px; width: 105% }
    .table-bordered .img-circle { height: 45px; width: 45px }
    .panel-icon { font-size: 80px }
    .nav-tabs li .img-circle { width: auto; height: auto }
}