@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 #fff;

        }




@media (min-width: 700px) {

        .jd-slider .slide-area > li {
            border: 0px solid #000  !important;
            border-left: 0;
            box-sizing: border-box;
            text-align: center !important;
            height:  250px !important;
            padding-top: 0px;

        }
}
/*
mobile
*/
@media (max-width: 700px) {

        .jd-slider .slide-area > li {
            border: 0px solid #000  !important;
            border-left: 0;
            box-sizing: border-box;
            text-align: center !important;
            height:  250px !important;
            padding-top: 0px;

        }
}



        .jd-slider .slide-area > li a{
        font-size: 16px !important;
        margin-top: 10px !important;
      vertical-align: top;
    color: #d5080f;
    font-weight:bold;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;

        }




@media (min-width: 700px) {
.slide-area img{
  width: 200px  !important;
  height: 200px  !important;
  text-align: center  !important;
  overflow: hidden;
 margin-top: 0px !important;
             border: 5px solid #fff  !important;
             padding: 10px   !important;
             background: #ddd;
                border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;

}
}
/*
mobile
*/
@media (max-width: 700px) {
.slide-area img{
  width: 150px  !important;
  height: 150px  !important;
  text-align: center  !important;
  overflow: hidden;
 margin-top: 0px !important;
             border: 5px solid #fff  !important;
             padding: 10px   !important;
             background: #ddd;
                border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;

}
}

.name1{

  color: #fff;

  padding-top: 10px;

  font-family: 'Vazir-FD' !important;

  font-size: 17px  ;

  font-weight: bold;



}



.name2{

  color: #fff;

  padding-top: 1px;

  font-family: 'Vazir-FD' !important;

  font-size: 17px  ;

  font-weight: bold;



}



        .jd-slider .slide-area > li:first-child {

            border: 10px solid #000  !important;

            border: 0px !important;

        }



        .jd-slider .slide-area > li > a {

            display: block;

            height: 160px;

            line-height: 100px;

            font-size: 3em;

            font-weight: bold;

            outline: 0;

            border: 0px !important;  

        }



        .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: #fff;
             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;

        }