@font-face {
  font-family: 'Vazir-FD';
  src: url('font/Vazir-FD.eot');
  src: url('font/Vazir-FD.woff2') format('woff2'),
       url('font/Vazir-FD.woff') format('woff'),
       url('font/Vazir-FD.ttf') format('truetype'),
       url('font/Vazir-FD.svg#Vazir') format('svg'),
       url('font/Vazir-FD.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;



}

        .jd-slider {
            margin: 0px 0;
        }


        .jd-slider .slide-inner::before {

            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 0;
            border: 0px solid #888;

        }







@media (min-width: 700px) {



           .jd-slider .slide-area > li {

            text-align: center !important;
            height: 350px !important;
            padding-top: 0px;
            z-index: 5000;

        }

        .jd-slider .slide-area > li a{

            z-index:  5000;
            position: relative;
            border: 10px solid #000  !important;
            width: 22% !important;   



        }
.slide-area img{
  width:   auto  !important;
  max-width: 70%;
  height:    300  !important;
  text-align: center  !important;

}

}

/*
mobile
*/

@media (max-width: 700px) {
          .jd-slider .slide-area > li {

            box-sizing: border-box;
            text-align: center !important;
            height: 150px !important;
            padding-top: 0px;
              border: solid #000000 2px  !important;

        }

        .jd-slider .slide-area > li a{

            z-index:  5000;
            position: relative;


        }
.slide-area img{
  width:   auto  !important;
  max-width: 90%;
  height:    150  !important;
  text-align: center  !important;

}
}
.slide-area img:hover{
opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


.name1{

  color: #000;
  padding-top: 10px;
  font-family: 'Vazir-FD' !important;
  font-size: 17px  ;
  font-weight: bold;

}


.name2{

  color: #000;
  padding-top: 1px;
  font-family: 'Vazir-FD' !important;
  font-size: 17px  ;
  font-weight: bold;



}

        .jd-slider .slide-area > li:first-child {



        }

        .jd-slider .slide-area > li > a {

            display: block;
            height: 150px;
            line-height: 150px;
            font-size: 3em;
            font-weight: bold;
            outline: 0;

        }

        .jd-slider .controller {
            margin: 40px 0 0;   border: 0px !important;
        }

        .jd-slider.slider3 .slide-area > li,
        .jd-slider.slider3-2 .slide-area > li,
        .jd-slider.slider3-3 .slide-area > li {
            width: 50%;  border: 0px !important;
        }

        .jd-slider.slider3 .slide-area > li:nth-child(2),
        .jd-slider.slider3-2 .slide-area > li:nth-child(2),
        .jd-slider.slider3-3 .slide-area > li:nth-child(2) {

            display: block;  border: 0px !important;

        }

        .jd-slider.slider4 .slide-area > li:first-child {
            background-color: #000; border: 0px !important;

        }

        .jd-slider.slider4 .slide-area > li:first-child + li {

            background-color: #6a6; border: 0px !important;

        }

        .jd-slider.slider4 .slide-area > li:first-child + li + li {

            background-color: #66a; border: 0px !important;

        }

        .jd-slider.slider4 .slide-area > li:first-child + li + li + li {
            background-color: #aaa; border: 0px !important;

        }



.titronvan{
  float: right;
   padding-top: 15px;
   padding-bottom: 10px;
   border-bottom: 1px solid #EF5661 ;
   margin-bottom: 15px;
    margin-right: 3%;
    padding-left: 30px;
    padding-right: 10px;
    font-size: 20px;
        font-family: 'Vazir-FD' !important;
        color: #515151  ;
        width: 91%  ;
        text-align: right;

}






/*
  ====================================================
*/









