@font-face {
  font-family: 'bmitra';
  src: url('../../font/BMitra/BMitra.eot') format('eot'),
    url('../../font/BMitra/BMitra.woff') format('woff'),
    url('../../font/BMitra/BMitra.ttf') format('truetype');
  font-size: 13pt;
  font-weight: normal;
}


@font-face {
  font-family: "Flaticon";
  src: url(../../font/flaticon/Flaticon.eot);
  src: url(../../font/flaticon/Flaticon.eot?#iefix) format("embedded-opentype"), url(../../font/flaticon/Flaticon.woff) format("woff"), url(../../font/flaticon/Flaticon.ttf) format("truetype"), url(../../font/flaticon/Flaticon.svg#Flaticon) format("svg");
  font-weight: 400;
  font-style: normal
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 22px;
  font-style: normal
}

@font-face {
  font-family: "Flaticon";
  src: url(../../font/flaticon/Flaticon.svg#Flaticon) format("svg")
}

.flaticon-add:before {
  content: "\f100"
}

.flaticon-alphabet:before {
  content: "\f101"
}

.flaticon-apartment:before {
  content: "\f102"
}

.flaticon-arrow:before {
  content: "\f103"
}

.flaticon-arrows:before {
  content: "\f104"
}

.flaticon-black:before {
  content: "\f105"
}

.flaticon-black-1:before {
  content: "\f106"
}

.flaticon-business:before {
  content: "\f107"
}

.flaticon-business-1:before {
  content: "\f108"
}

.flaticon-business-2:before {
  content: "\f109"
}

.flaticon-business-3:before {
  content: "\f10a"
}

.flaticon-business-4:before {
  content: "\f10b"
}

.flaticon-case:before {
  content: "\f10c"
}

.flaticon-circle:before {
  content: "\f10d"
}

.flaticon-circles:before {
  content: "\f10e"
}

.flaticon-communication:before {
  content: "\f10f"
}

.flaticon-connection:before {
  content: "\f110"
}

.flaticon-construction:before {
  content: "\f111"
}

.flaticon-cup:before {
  content: "\f112"
}

.flaticon-decreasing:before {
  content: "\f113"
}

.flaticon-delete:before {
  content: "\f114"
}

.flaticon-document:before {
  content: "\f115"
}

.flaticon-draw:before {
  content: "\f116"
}

.flaticon-editing:before {
  content: "\f117"
}

.flaticon-favorite:before {
  content: "\f118"
}

.flaticon-file:before {
  content: "\f119"
}

.flaticon-fruit:before {
  content: "\f11a"
}

.flaticon-graph:before {
  content: "\f11b"
}

.flaticon-group:before {
  content: "\f11c"
}

.flaticon-interface:before {
  content: "\f11d"
}

.flaticon-interface-1:before {
  content: "\f11e"
}

.flaticon-interface-2:before {
  content: "\f11f"
}

.flaticon-interface-3:before {
  content: "\f120"
}

.flaticon-interface-4:before {
  content: "\f121"
}

.flaticon-interface-5:before {
  content: "\f122"
}

.flaticon-link:before {
  content: "\f123"
}

.flaticon-lock:before {
  content: "\f124"
}

.flaticon-notes:before {
  content: "\f125"
}

.flaticon-peace:before {
  content: "\f126"
}

.flaticon-pen:before {
  content: "\f127"
}

.flaticon-pen-1:before {
  content: "\f128"
}

.flaticon-pen-2:before {
  content: "\f129"
}

.flaticon-people:before {
  content: "\f12a"
}

.flaticon-people-1:before {
  content: "\f12b"
}

.flaticon-power:before {
  content: "\f12c"
}

.flaticon-security:before {
  content: "\f12d"
}

.flaticon-shapes:before {
  content: "\f12e"
}

.flaticon-shapes-1:before {
  content: "\f12f"
}

.flaticon-sign:before {
  content: "\f130"
}

.flaticon-signs:before {
  content: "\f131"
}

.flaticon-social:before {
  content: "\f132"
}

.flaticon-social-1:before {
  content: "\f133"
}

.flaticon-social-2:before {
  content: "\f134"
}

.flaticon-social-network:before {
  content: "\f135"
}

.flaticon-speech-bubble:before {
  content: "\f136"
}

.flaticon-square:before {
  content: "\f137"
}

.flaticon-square-1:before {
  content: "\f138"
}

.flaticon-squares:before {
  content: "\f139"
}

.flaticon-squares-1:before {
  content: "\f13a"
}

.flaticon-squares-2:before {
  content: "\f13b"
}

.flaticon-stadium:before {
  content: "\f13c"
}

.flaticon-symbol:before {
  content: "\f13d"
}

.flaticon-symbols:before {
  content: "\f13e"
}

.flaticon-technology:before {
  content: "\f13f"
}

.flaticon-time:before {
  content: "\f140"
}

.flaticon-tool:before {
  content: "\f141"
}

.flaticon-web:before {
  content: "\f142"
}

html {
  direction: rtl;
  text-align: right;
  font-family: 'bmitra', sans-serif !important;
  font-size: 15pt;
}

.alert-body {
  direction: rtl;
  text-align: right;
  font-family: 'bmitra', sans-serif !important;
  font-size: 15pt;
}

.rtl {
  direction: rtl !important
}

.ltr {
  direction: ltr !important
}

.no-pad {
  padding: 0 !important
}

.no-margin {
  margin: 0 !important
}

.no-pad-marg {
  padding: 0 !important;
  margin: 0 !important
}

nav ul li {
  float: right
}

nav ul li i {
  margin-left: 5px
}

.rb {
  border: 1px solid red
}

.divider {
  margin-top: 5px
}

.fixed-height {
  height: 120px
}

img.responsive-img, video.responsive-video {
  width: 100%;
}

.ib {
  display: inline-block
}

.header-bg-holder {
  height: 120px;
  background-color: #fff !important;
  background: url(../../images/header-bg-new.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.header-elemnts-valign {
  display: inline-block;
  line-height: 120px
}

.header-elemnts-valign img {
  vertical-align: middle
}

.right-pad-0 {
  padding-right: 0 !important
}

.left-pad-0 {
  padding-left: 0 !important
}

/*nav {*/
/*height: 40px;*/
/*line-height: 35px;*/
/*}*/
nav,nav .nav-wrapper i {
  height: 40px;
  line-height: 40px;
}

nav a.button-collapse, nav a.button-collapse i {
  height: 36px;
  line-height: 34px;
}

.mobile-nav {
  box-shadow: 0 8px 17px -8px rgba(0, 0, 0, 0.2), 0 6px 20px -20px rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px -8px rgba(0, 0, 0, 0.2), 0 6px 20px -20px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px -8px rgba(0, 0, 0, 0.2), 0 6px 20px -20px rgba(0, 0, 0, 0.19)
}

.my-nav {
  box-shadow: 0 8px 17px -8px rgba(0, 0, 0, 0.2), 0 6px 20px -20px rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 8px 17px -8px rgba(0, 0, 0, 0.2), 0 6px 20px -20px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px -8px rgba(0, 0, 0, 0.2), 0 6px 20px -20px rgba(0, 0, 0, 0.19)
}

.my-nav ul {
  margin-right: 10px
}

.my-nav ul li a {
  padding: 0 12px;
  font-size: 14pt;
  display: inline-block;
  color: #99003b;
  /*vertical-align: top;*/
}

.my-nav ul li a i {
  float: right;
  display: inline-block;
  /*line-height: 40px;*/
}

.dropdown-content li {
  padding: 4px 0;
  text-align: right;

}

.dropdown-content li a {
  text-align: right;
  font-size: 14px;

}

.fake-height {
  height: 50px !important
}

.left-header-logo-align {
  margin: 20px 0 0 0;
  max-width: 70px;
}

.header-institute-text {
  margin: 26px 0 0 0;
}

nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
  display: block;
  font-size: 1.2rem
}

nav .fa-power-off {
  display: block;
  font-size: 1.2rem !important;
}

.controls {
  margin: 0 0 0 20px
}

.controls li {
  height: 35px
}

.controls li a {
  padding: 0 !important;
  height: 40px;
}

.controls li a i {
  font-size: 1.3rem;
  margin: 0 !important;
  padding: 0 5px !important
}

.header-text-align {
  margin: 20px 0 0
}

.single-border {
  border-bottom: 1px solid #fff
}

.doubled-border {
  border-bottom: 4px double #fff
}

.footer-social-icons.no-pad > ul > li:nth-child(1) {
  margin-left: 0
}

.social-icons {
  margin: 20px 0 0;
  display: inline-block;
  float: left
}

.footer-social-icons ul li {
  float: left
}

.hovicon {
  display: inline-block;
  font-size: 15px;
  line-height: 35px;
  cursor: pointer;
  margin: 3px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  text-decoration: none;
  z-index: 1;
  color: #fff
}

.hovicon:before {
  font-size: 20px;
  line-height: 35px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased
}

.facebook-footer {
  background-color: #3765A3 !important;
  color: #fff !important
}

.googleplus-footer {
  background-color: #DC4A38 !important;
  color: #fff !important
}

.linkedin-footer {
  color: #fff !important;
  background-color: #007BB5 !important;
}

.twitter-footer {
  color: #fff !important;
  background-color: #00ACED !important;
}

.instagram-footer {
  color: #fff !important;
  background: #A36E53;
}

.telegram-footer {
  color: #fff !important;
  background-color: #34ABE3 !important
}

.hovicon.effect-7.sub-b:after {
  box-shadow: 3px 3px rgba(255, 255, 255, 1);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: opacity 0.2s, -webkit-transform .2s;
  -moz-transition: opacity 0.2s, -moz-transform .2s;
  transition: opacity 0.2s, transform .2s
}

.hovicon.effect-7.sub-b:hover:after {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}

.hovicon.effect-7.sub-b:before {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: .8;
  -webkit-transition: -webkit-transform 0.2s, opacity .2s;
  -moz-transition: -moz-transform 0.2s, opacity .2s;
  transition: transform 0.2s, opacity .2s
}

.hovicon.effect-7.sub-b:hover:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.copyright-text {
  white-space: nowrap
}

.footer-text {
  font-size: 15px
}

.page-footer {
  background-color: inherit !important
}

.footer-menu {
  margin: 20px 0 5px !important
}

.footer-menu li {
  color: #fff !important;
  display: inline-block;
  margin-right: 5px
}

.footer-menu li a {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  color: #fff !important
}

.footer-menu li a:hover {
  color: #339966 !important
}

.health-footer-link li a:hover{
  color: #c94b7f !important
}

.fitness-footer-link li a:hover{
  color: #40a877 !important
}

.footer-center-text {
  margin-top: 20px
}

.footer-logo-image img {
  margin-top: 10px;
  display: inline-block;
  /*width: 60px;
  height: 60px*/
}

.footer-logo {
  margin-top: 5px
}

.institute-text {
  margin-top: 33px;
  margin-right: 5px;
  font-size: 14px
}

.my-fixed-btn {
  /*opacity: .5;*/
  right: inherit;
  left: 30px !important;
  bottom: 85px !important
}

.my-fixed-btn ul li {
  left: 50px !important
}

.salamat-btn {
  padding: 0
}

.salamat-btn img {
  width: 100%;
  height: 100%
}

.hasScrolled {
  opacity: 1
}

/*===================side menu======================*/
.button-collapse {
  margin-right: 15px;
}

.side-nav.right-aligned {
  right: 0;
}

.collapsible-header {
  text-align: right;
  min-height: 1.5rem;
}

.collapsible-header:after {
  float: left;
  content: "\e7c2";
  /*color: white;*/
}

.collapsible-header i {
  margin: 0 0 0 10px;
}

.remove-arrow:after{
  content: "" !important;
}

.side-nav .collapsible-body li {
  margin: 0;
}

.side-nav .collapsible-body li a {
  margin: 0;
  font-size: 12pt;
}

.salamat-mobile-menu-btn {
  float: right;
  margin: 7px 7px 0 13px;
  width: 22px;
}
.salamat-mobile-menu{

}

/*====================================fereshte salamat color pallet======================================*/
.hooma-color{
  background-color: #125B88;
}
.app-color{
  background-color: #40a57b;
}
.farama-color{
  background-color: #ad1457;
}
.farama-color:hover {
  background-color: #ad1457;
}
.farasa-color{
  background-color: #4fc3f7;
}
.faracom-color{
  background-color: #2e7d32;
}
.farahoosh-color{
  background-color: #9c27b0;
}
.faranet-color{
  background-color: #BACC68;
}
.farakala-color{
  background-color:  #00695c;
}
