﻿    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .hp .swiper-container {
      position: absolute!important;
    }



    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    
    
    
    
    .swiper-slide a {
    width: calc(100% - 8em);
    display: table;
    direction: rtl;
    margin: 0em 4em 0;
    font-size: .5em;
    }
    
    .swiaper-td {
	display:table-cell;
	vertical-align:middle
    
}
.swiper-slide a span {
overflow: hidden;
    width: 12em;
    position: relative;
    height: 12em;
    border-radius: 50%;}
    
.swiper-slide a span img {position: absolute;
    right: -2.7em;
    height: 10.1em;
    top: 0;}

.swiper-slide a h3,
.swiper-slide a label {
	float: left;
	width: 100%;
	text-align: right;
	padding: 0 1em .5em 0em;
	margin: 0;
	font-size: 1.8em;
	box-sizing: border-box;
	}

	
	span.peulot.hp {
    margin-top: 0em;
}


.swiper-pagination.swiper-pagination-fraction {display:none}


.swiper-button-next, .swiper-button-prev {    background-size: 1em 44px!important;}


@media (max-width:768px) {

.swiper-container {height:10em}	
.swiper-slide a {display:block!important;font-size:.8em}
.swiper-slide span.swiaper-td {width:10em!important;height:10em;float:right}
.swiper-slide div.swiaper-td {width: 35em!important;height: 10em;}
	
}

@media (max-width:425px) {
.swiper-container {height:10em}	
.swiper-slide a {display:block!important;font-size:.6em}
.swiper-slide span.swiaper-td {width:10em!important;height:10em;float:right}
.swiper-slide div.swiaper-td {width: 20em!important;height: 10em;}

.swiper-container {position:absolute!important}

.news-body, .news {    margin-top: 6em!important;}


}

@media (max-width:375px) {

.swiper-slide a {font-size:.55em}
	
}




@media (max-width:320px) {

.swiper-slide a {font-size:.5em}

	
}







html[dir="ltr"] .swiper-slide a h3, 
html[dir="ltr"] .swiper-slide a label {
    float: left;
    text-align: left;
    padding: 0 0em .5em .7em;
        direction: ltr;
}

html[dir="ltr"] .swiper-slide span.swiaper-td {    float: left;}

html[dir="rtl"] .stickyMobile .stickySearchToolbar.Open {border-radius:50% 0 0 50%!important; padding: 0.5em 0em 0.2em 0.4em!important;}

html[dir="rtl"] .stickyMobile .main-site-search.MobileSearchOpen {    right:1em; left:auto}



/*
.swiper-slide[data-swiper-slide-index="0"] a span img.SlideImg {
    right: 0px!important;
}*/