@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("/asset/fonts/fa-brands-400.eot");
  src: url("/asset/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
  url("/asset/fonts/fa-brands-400.woff2") format("woff2"),
  url("/asset/fonts/fa-brands-400.woff") format("woff"),
  url("/asset/fonts/fa-brands-400.ttf") format("truetype"),
  url("/asset/fonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
  font-family: 'Font Awesome 5 Brands'!important; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/asset/fonts/fa-regular-400.eot");
  src: url("/asset/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
  url("/asset/fonts/fa-regular-400.woff2") format("woff2"),
  url("/asset/fonts/fa-regular-400.woff") format("woff"),
  url("/asset/fonts/fa-regular-400.ttf") format("truetype"),
  url("/asset/fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
  font-family: 'Font Awesome 5 Free'!important;
  font-weight: 400!important; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("/asset/fonts/fa-solid-900.eot");
  src: url("/asset/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
       url("/asset/fonts/fa-solid-900.woff2") format("woff2"),
       url("/asset/fonts/fa-solid-900.woff") format("woff"),
       url("/asset/fonts/fa-solid-900.ttf") format("truetype"),
       url("/asset/fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
  vertical-align: middle;
  font-family: 'Font Awesome 5 Free'!important;
  font-weight: 900!important; }


@font-face {
  font-family: 'IRANSans-web';
  src: url('/asset/fonts/IRANSans-Bold-web.eot');

  src: url('/asset/fonts/IRANSans-Bold-web.eot') format('eot'),  /* IE6–8 */
       url('/asset/fonts/IRANSans-Bold-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
       url('/asset/fonts/IRANSans-Bold-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/asset/fonts/IRANSans-Bold-web.ttf') format('ttf');
  font-weight: bold;
}
@font-face {
  font-family: 'font-fa';
  src: url('/asset/fonts/font-fa.woff');
  src: url('/asset/fonts/font-fa.woff2');
  font-weight: bold;
}
.font-fa{
  font-family: font-fa!important;
  font-weight: bold!important;
}

@font-face {
  font-family: 'IRANSans-web';
  src: url('/asset/fonts/IRANSans-Medium-web.eot');

  src: url('/asset/fonts/IRANSans-Medium-web.eot') format('eot'),  /* IE6–8 */
       url('/asset/fonts/IRANSans-Medium-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
       url('/asset/fonts/IRANSans-Medium-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/asset/fonts/IRANSans-Medium-web.ttf') format('ttf');
  font-weight: 500;
}


@font-face {
  font-family: 'IRANSans-web';
  src: url('/asset/fonts/IRANSans-UltraLight-web.eot');

  src: url('/asset/fonts/IRANSans-UltraLight-web.eot') format('eot'),  /* IE6–8 */
       url('/asset/fonts/IRANSans-UltraLight-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
       url('/asset/fonts/IRANSans-UltraLight-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/asset/fonts/IRANSans-UltraLight-web.ttf') format('ttf');
  font-weight: 200;
}


@font-face {
  font-family: 'IRANSans-web';
  src: url('/asset/fonts/IRANSans-Light-web.eot');

  src: url('/asset/fonts/IRANSans-Light-web.eot') format('eot'),  /* IE6–8 */
       url('/asset/fonts/IRANSans-Light-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
       url('/asset/fonts/IRANSans-Light-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/asset/fonts/IRANSans-Light-web.ttf') format('ttf');
  font-weight: 300;
}


@font-face {
  font-family: 'IRANSans-web';
  src: url('/asset/fonts/IRANSans-web.eot');

  src: url('/asset/fonts/IRANSans-web.eot?#iefix') format('eot'),  /* IE6–8 */
       url('/asset/fonts/IRANSans-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
       url('/asset/fonts/IRANSans-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/asset/fonts/IRANSans-web.ttf') format('ttf');
  font-weight: normal;
}

.#{$fa-css-prefix}-spin {
  animation: fa-spin 2s infinite linear;

}

.#{$fa-css-prefix}-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

*{
  direction: rtl;
  font-family: IRANSans-web!important;
  font-size: 13px;
}
.ltr{
 direction: ltr;
 }
.radus{
  width: 8px!important;
  height: 8px!important;
  border-radius: 100%;
}
.w-auto{
  width: auto!important;
}
.vecal-align-middle{
  vertical-align: middle;
}
.showoo {
  transition: all 0.7s, -webkit-transform 0.7s;
}
.input-styly-prepend{
  border-left: none!important;
  border-radius: 0 3px 3px 0!important;

  box-shadow: none!important;
}
.input-styly-prepend2{
  border: none!important;
  border-radius: 0 3px 3px 0!important;
  box-shadow: none!important;
}
.input-styly-append{
  border-right: none !important;
  border-radius: 3px 0 0 3px!important;
  box-shadow: none!important;
}
.border-none{
  border: none;
}
.border-radius-rb{
  border-radius: 0 3px 3px 0!important;
}
.border-radius-tl{
  border-radius: 3px 0 0 3px!important;
}
.display-none{
  display: none;
}
.wh-100{
  width: 100%;
  height: 100%;
}
.close-style{
  margin: -1rem auto -1rem -1rem!important;
}
.close-style:hover{
  color: red;
}
border-none{
  border: none!important;
}

.color-witi{
  color: #4c4c4c; !important;
  font-size: 14px;
  -webkit-transition: color .15s ease-in-out;

  -moz-transition: color .15s ease-in-out;

  -ms-transition: color .15s ease-in-out;

  -o-transition: color .15s ease-in-out;

  transition: color .15s ease-in-out;
}
.jadooweb{
  color: #209e91!important;

}
.jadooweb:hover{
  color: #fff6ff !important;
}
.itme_footer{
  color: #767676!important;
  line-height: 32px;
}
.itme_footer2{
  color: #767676!important;
}
.itme_footer2:hover{
  color:#209e91!important;
}
.color-witi:hover{
  color: #209e91!important;
}
.color-witi2{
  color: #ffff; !important;
}
.yyyyy{
  height: 100%;
}

.panel-dark{
  background-color: #4C4C4C!important;
  border: none!important;
  color: #fff!important;
  padding: 15px 10px!important;
}
.panel-dark:hover{
  color: #209E91!important;
}
.active-dark{
  background-color: #209E91!important;
  color: #fff!important;
  border: none!important;
  padding: 15px 10px!important;
}
.itme_footer2:hover{
  color:#209e91!important;
}
.color-witi:hover{
  color: #209e91!important;
}
.color-witi2{
  color: #ffff; !important;
  font-size: 14px;
  -webkit-transition: color .15s ease-in-out;

  -moz-transition: color .15s ease-in-out;

  -ms-transition: color .15s ease-in-out;

  -o-transition: color .15s ease-in-out;

  transition: color .15s ease-in-out;
}
.color-witi2:hover{
  color: #209e91!important;
}
/*sm device menu styles*/
.sm-device-menu{
  box-shadow: -2px 0 2px rgba(0,0,0,.2);
background-color: #fff !important;
  z-index: 9999;
  height: 100%;
  position: absolute;
  right: -300px!important;
  transition: 1s ;
}
.btn-toggle{
  top:50%;
  left:-24px;
}
ul.sm-device-menu-item{
  padding:0;

}

ul.sm-device-menu-item li {
  background: transparent!important;
  border: none;
  padding: 16px 75px;
}
.border-bottom-1px-solid{
border-bottom: 1px solid #ccc!important;
}
.btn-toggle i{
  font-size: 24px;
  vertical-align: -20px;
  height: 34px;
}
.test{
  right: 0px!important;
}
.primary-back{
  background-color: #38BFD3!important;
  color: #ffff!important;
  border: none;
  font-size: 14px;
}
.primary-back:hover {
  background-color: #2aaabd !important;
}
.red {
  background-color: rgba(189, 12, 0, 0.14) !important;
  border-color: rgb(193, 12, 0) !important;
}
.list-style-none{
  list-style: none!important;
}
.cursor-pointer{
  cursor: pointer;
}
.color-777{
  color: #777!important;
}
.color-333{
  color: #333!important;
}
.color-fff{
  color: #fff!important;
}
.color-gray{
  color: gray!important;
}
.color-a{
  color: #315686!important;
}
.font-weight-200{
  font-weight:200!important;
}
/*//////////////////////////////////////////////////////////////////
[ Table ]*/
table {
  width: 100%;
  background-color: #fff;
}

th, td {
  font-weight: unset;

}

.column100 {
  width: 190px;

}

.column100.column1 {
  width: 50px;
}
.column8 {
  width: 50px;
}

.row100.head th {
  padding-top: 24px;
  padding-bottom: 20px;
}

.row100 td {
  padding-top: 18px;
  padding-bottom: 14px;
}
/*==================================================================
[ Ver2 ]*/
.table100.ver2 td {
  font-family: Montserrat-Regular;
  font-size: 14px;
  color: #808080;
  line-height: 1.4;
}

.table100.ver2 th {
  font-family: Montserrat-Medium;
  font-size: 12px;
  color: #fff;
  line-height: 1.4;
  text-transform: uppercase;

  background-color: #333333;
}

.table100.ver2 .row100:hover td {
  background-color: #83d160;
  color: #fff;
}

.table100.ver2 .hov-column-ver2 {
  background-color: #83d160;
  color: #fff;
}

.table100.ver2 .hov-column-head-ver2 {
  background-color: #484848 !important;
}

.table100.ver2 .row100 td:hover {
  background-color: #57b846;
  color: #fff;
}
/*////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
.hedir-home{
 padding: 12px 0;
}
.hedir-home>a{
  color:#315686!important;
  font-size: 13px;
  -webkit-transition: color .15s ease-in-out;

  -moz-transition: color .15s ease-in-out;

  -ms-transition: color .15s ease-in-out;

  -o-transition: color .15s ease-in-out;

  transition: color .15s ease-in-out;
}
.hedir-home:hover>a{
  color: #ff7802!important;
}
.hedir-home:hover>a>a{
  color: #ff7802!important;
}
.hedir-home:hover{
  background-color:   #EEEEEE;
}
.color-hover-orng{
  color:#315686!important;
  -webkit-transition: color .15s ease-in-out;

  -moz-transition: color .15s ease-in-out;

  -ms-transition: color .15s ease-in-out;

  -o-transition: color .15s ease-in-out;

  transition: color .15s ease-in-out;
}.color-hover-orng:hover{
   color: #ff7802!important;
  -webkit-transition: color .15s ease-in-out;

  -moz-transition: color .15s ease-in-out;

  -ms-transition: color .15s ease-in-out;

  -o-transition: color .15s ease-in-out;

  transition: color .15s ease-in-out;
}
.hedir-home-zer>a{
  color:#315686!important;
  -webkit-transition: color .15s ease-in-out;

  -moz-transition: color .15s ease-in-out;

  -ms-transition: color .15s ease-in-out;

  -o-transition: color .15s ease-in-out;

  transition: color .15s ease-in-out;
}.hedir-home-zer>a:hover{
   color: #ff7802!important;
}
.hedir-home-zer:hover>a{
   color: #ff7802!important;
}
.custom-main-dropdown-menu {
  width: 100%;
  border-radius: 0;
  background: #fff;
  margin: 0;
}
.position-unset{
position: unset!important;
}
.zer-zer-meno{
  display: block;
  text-decoration: none;
  font-size: 12px;
  padding: 4px 5px;
  clear: both;
  font-weight: 400!important;
  line-height: 1.42857143;
  color: #333333;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.zer-zer-meno:hover{
  color: #315686;
  font-weight: bold!important;
}
.zer-zer-span{
  border-bottom: 2px solid silver;
  padding-bottom: 6px;
  padding-top: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.sarch{
background-color: #fff;
  -webkit-transition: all .15s ease-in-out;

  -moz-transition: all .15s ease-in-out;

  -ms-transition: all .15s ease-in-out;

  -o-transition: all .15s ease-in-out;

  transition: all .15s ease-in-out;
}
.sarch:hover{
  background-color:   #EEEEEE;
}
.btn-free{
  padding: 10px 30px;
  background-color: #ffffff;
  color: #333;
  border-color: #ccc;
  -webkit-transition: all .15s ease-in-out;

  -moz-transition: all .15s ease-in-out;

  -ms-transition: all .15s ease-in-out;

  -o-transition: all .15s ease-in-out;

  transition: all .15s ease-in-out;
}
.btn-free:hover{
  background-color:   #EEEEEE;
}
.btn-free-hover{
  background-color:   #EEEEEE;
}
.btn-free2{
  padding: 10px 25px;
  background-color: #ffffff;
  color: #333;
  border-color: #ccc;
  -webkit-transition: all .15s ease-in-out;

  -moz-transition: all .15s ease-in-out;

  -ms-transition: all .15s ease-in-out;

  -o-transition: all .15s ease-in-out;

  transition: all .15s ease-in-out;
}
.btn-free2:hover{
  background-color:   #EEEEEE;
  color: #ff7802;
}
.btn-free3{
  width: 210px;
  background-color: #ff7802;
  border-color: #e86c00;
  color: #fff;
  -webkit-transition: all .15s ease-in-out;

  -moz-transition: all .15s ease-in-out;

  -ms-transition: all .15s ease-in-out;

  -o-transition: all .15s ease-in-out;

  transition: all .15s ease-in-out;
}
.btn-free3:hover{
  background-color: #ce6000;
  border-color: #aa4f00;
  color: #fff;
}
.btn-blo{
  background-color: #315686;
  border-color: #2a4a73;
  color: #fff;
  -webkit-transition: all .15s ease-in-out;

  -moz-transition: all .15s ease-in-out;

  -ms-transition: all .15s ease-in-out;

  -o-transition: all .15s ease-in-out;

  transition: all .15s ease-in-out;
}
.btn-blo:hover{
  background-color: #233e61;
  border-color: #1a2d47;
  color: #fff;
}
.btn-blo2{
  color: #fff;

  background-color: #19a3fa;

  border-color: #0598f4;
  -webkit-transition: all .15s ease-in-out;

  -moz-transition: all .15s ease-in-out;

  -ms-transition: all .15s ease-in-out;

  -o-transition: all .15s ease-in-out;

  transition: all .15s ease-in-out;
}
.btn-blo2:hover{
  background-color: #0588db;
  border-color: #0473b8;
  color: #fff;
}
.btn-free4{
  width: 210px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  -webkit-transition: all .15s ease-in-out;

  -moz-transition: all .15s ease-in-out;

  -ms-transition: all .15s ease-in-out;

  -o-transition: all .15s ease-in-out;

  transition: all .15s ease-in-out;
}
.btn-free4:hover{
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
#jcl-demo .carousell {
  border: 1px solid #bababa;
  border-radius: 10px;
  background-color: ghostwhite;
  float: left;
  padding-left: 10px;
}
#jcl-demo .carousel>ul>li>img {
  width: 150px;
  height: 118px;
  vertical-align:middle;
  margin: 10px 10px 10px 0;
  border-radius: 5px;
}

#jcl-demo a.prev, #jcl-demo a.next {
  display: block;
  width: 26px;
  height: 30px;
  line-height: 1;
  background-color: #333333;
  color: ghostwhite;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 25px;
  border-radius: 8px;
  float: left;
}
#jcl-demo a.prev {
  margin: 50px -5px 0 0; text-indent: 7px;
}
#jcl-demo a.next {
  margin: 50px 0 0 -5px; text-indent: 10px;
}
#jcl-demo a.prev:hover, #jcl-demo a.next:hover {
  background-color: #666666;
}
.img-card-home{
  height: 234px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain!important;
}
.matn{
  height: 31px;
  width: 100%;
  background: rgba(0,0,0,.6);
  bottom: -1px;
  opacity: 1;
  -moz-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  list-style-type: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
}
.matn:hover{
  opacity: 0.2;
}
.delete{
  position: absolute;
  right: 8px;
  top: 5px;
  color: #e95100;
  font-size: 30px!important;
}.delete>i{
  color: #e95100;
  font-size: 30px!important;
}
.mozaidh{
  position: absolute;
  left: -41px;
  top: -28px;
}
.mozaidh2{
  background-color: #e95100;
  width: 105px;
  height: 75px;
  color: #fff;
  transform: rotate(-45deg);
  text-align: center;
  padding-top: 49px;
  font-weight: bold;
  font-size: 13px!important;
}
.click-matn>h5{
  height: 19px;
  overflow: hidden;
  margin-bottom: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-weight: 500;
  color: #315686;
  display: block;
}
.click-matn>h5:hover{
color: #e95100;
}
.click-matn>h5{
  font-size: 13px;
}

.box-item{
  line-height: 35px;
  padding: 24px;
  border-radius: 2px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  border-color: #ddd;
}
.table-oop>tbody>tr:nth-child(odd){
  background-color: #f9f9f9;
  color: #333;
}
.table-oop>tbody>tr:nth-child(eveh){
  background-color: #FFFFFF;
  color: #333;
}
.table-alert{
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  border: 1px solid #ddd;
  border-radius: 2px;
}
.text-a-oprng{
  color: #315686;
  -webkit-transition: all .15s ease-in-out;

  -moz-transition: all .15s ease-in-out;

  -ms-transition: all .15s ease-in-out;

  -o-transition: all .15s ease-in-out;

  transition: all .15s ease-in-out;
}
.text-a-oprng:hover{
  color: #ff7802;
  -webkit-transition: all .15s ease-in-out;

  -moz-transition: all .15s ease-in-out;

  -ms-transition: all .15s ease-in-out;

  -o-transition: all .15s ease-in-out;

  transition: all .15s ease-in-out;
}
.container{
  margin-top:20px;
}
.image-preview-input ,.image-preview-input2,.image-preview-input3,.image-preview-input4,.image-preview-input5{
  position: relative;
  overflow: hidden;
  margin: 0px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.image-preview-input input[type=file],.image-preview-input2 input[type=file],.image-preview-input3 input[type=file],.image-preview-input4 input[type=file],.image-preview-input5 input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.image-preview-input-title ,.image-preview-input-title2,.image-preview-input-title3,.image-preview-input-title4,.image-preview-input-title5 {
  margin-left:2px;
}
#dynamic,#dynamic2,#dynamic3,#dynamic4,#dynamic5{
  width: 100%;
}