﻿ #slider-2 a {
        display: block;
		text-decoration:none;
		font-family: IranSans;font-size: 15px;font-weight: bold;
		color: #FFF;
    }
    .responsivGallery-position a{color:#bb9632 !important;}
    .slider-rotate__item--prev .w-responsivGallery-info 
	, .slider-rotate__item--next .w-responsivGallery-info {
		display:none;
	}
	.w-responsivGallery-info{background: rgba(0, 0, 0, 0.8);position: relative;margin-top: -80px !important;padding: 5px 20px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
    .position {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #ffffff;
        font-size: 30px;
        display: none;
    }
    
    .slider-rotate {
        margin: 0 auto;
        background-color: transparent;
    }
    
    .slider-rotate__container {
        margin: 0 auto;
    }
    .slider-rotate__container {
        position: relative;
        max-width: 1140px;
        height: 580px;
        visibility: hidden;
        width: 100%;
    }
    /*  --------------------------------------------------  */
    /*  --              ITEMS DISPLAY                     --*/
    /*  --------------------------------------------------  */
    
    .slider-rotate__item {
        position: absolute;
        left: 50%;
        top: 50%;
        opacity: 0;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0.8);
        -moz-transform: translateY(-50%) translateX(-50%) scale(0.8);
        -ms-transform: translateY(-50%) translateX(-50%) scale(0.8);
        -o-transform: translateY(-50%) translateX(-50%) scale(0.8);
        transform: translateY(-50%) translateX(-50%) scale(0.8);
        -webkit-transition: all 2s ease;
        -moz-transition: all 2s ease;
        -o-transition: all 2s ease;
        transition: all 2s ease;
        background: url(/Portals/0/skins/tmictotehran1399/images/bg-news.png) no-repeat;
        background-size: 100% 100%;
        min-height: 200px;
        width: 77%;
    }
    
    .slider-rotate__item.slider-rotate__item--next {
        left: 65%;
    }
	/*.slider-rotate__item--next img{
		transform: perspective(40vw) rotateY(-25deg);
	}
    .slider-rotate__item--prev img{
		transform: perspective(40vw) rotateY(25deg);
	}*/
    .slider-rotate__item.slider-rotate__item--prev {
        left: 35%;
		
    }
    
    .slider-rotate__item.slider-rotate__item--prev,
    .slider-rotate__item.slider-rotate__item--next {
        opacity: 0.4;
        z-index: 2;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -ms-filter: blur(0px);
        -o-filter: blur(0px);
        filter: blur(0px);
    }
    
    .slider-rotate__item.slider-rotate__item--next-2 {
        left: 90%;
    }
    
    .slider-rotate__item.slider-rotate__item--prev-2 {
        left: 10%;
    }
    
    .slider-rotate__item.slider-rotate__item--next-2,
    .slider-rotate__item.slider-rotate__item--prev-2 {
        opacity: 0;
        z-index: 2;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0.3);
        -moz-transform: translateY(-50%) translateX(-50%) scale(0.3);
        -ms-transform: translateY(-50%) translateX(-50%) scale(0.3);
        -o-transform: translateY(-50%) translateX(-50%) scale(0.3);
        transform: translateY(-50%) translateX(-50%) scale(0.3);
		
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -ms-filter: blur(3px);
        -o-filter: blur(3px);
        filter: blur(3px);
    }
    .slider-rotate__item.slider-rotate__item--active {
        z-index: 2;
        opacity: 1;
        z-index: 5;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        -moz-transform: translateY(-50%) translateX(-50%) scale(1);
        -ms-transform: translateY(-50%) translateX(-50%) scale(1);
        -o-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1);
	
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -ms-filter: blur(0);
        -o-filter: blur(0);
        filter: blur(0);
        min-height: 200px;
        width: 77%;
    }
    
    img.responsivGallery-pic {
        width: 100%;
    }
    /*  --------------------------------------------------  */
    /*  --                    ARROWS                      --*/
    /*  --------------------------------------------------  */
    
    .slider-rotate__container .slider-rotate__arrow {
        display: inline-block;
        width: 50px;
        height: 50px;
        background-color: transparent;
        position: absolute;
        top: 50%;
        margin-top: -25px;
        cursor: pointer;
        color: #fff;
        text-align: center;
        cursor: pointer;
    }
    
    .slider-rotate__container .slider-rotate__arrow:hover {
        background: #ffffff;
    }
    
    .slider-rotate__container .slider-rotate__arrow:hover i {
        color: #000000;
    }
    
    .slider-rotate__container .slider-rotate__arrow.slider-rotate__arrow--left {
        left: 0;
        background: url(/ImageGallery/FCKUploadedImages/1/image/images_2024/vector-slider-button.png) center center no-repeat;
        z-index: 10;
		transform: rotate(180deg);
		background-size:50%;
    }
    
    .slider-rotate__container .slider-rotate__arrow.slider-rotate__arrow--right {
        right: 0;
        background: url(/ImageGallery/FCKUploadedImages/1/image/images_2024/vector-slider-button.png) center center no-repeat;
        z-index: 10;
		background-size:50%;
    }
    /* ========================================================================= */
    /* =========================End Style Slider Plugin======================================= */
    /* =========================Style Template NEWS======================================= */
    
    .box-nav {
        position: absolute;
        bottom: 50%;
        width: 83%;
        
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 9999;
    }
    
    .box-news {
        padding:5px;
        margin: 21px 35px;
        /*border-right: 20px solid #fff;
        border-left: 20px solid #fff;*/
		background-color:#fff;
		text-align:right;
		border-radius:10px;
    }
    .slider-rotate__item--prev .box-news
    , .slider-rotate__item--next .box-news{
        border-right: 0px !important;
        border-left: 0px !important;
		background-color:transparent !important;
    }
	.slider-rotate__item--prev img
    , .slider-rotate__item--next img{
        border: 1px solid #fff !important;
		border-radius:10px;
    }
    h2.responsivGallery-name {
margin-top: 5px;
        color: #000;
        font-size: 14px;
        direction: rtl;
        font-weight: bold;
		font-family:IRANSans;
	
    }
    
    p.responsivGallery-position {
        color: #bababa;
        font-size: 11px;
        text-align: justify;
        direction: rtl;
        line-height: 22px;
		font-family:IRANSans;
    }
    
    .news-section {
        padding: 0px 0 10px;
    }
    
    span.prevTitle {
        position: absolute;
        left: -200px;
        color: #fff;
        top: 270px;
        bottom: 0;
        display: inline-flex;
        align-items: center;
        width: 250px;
        text-align: center;
        line-height: 24px;
        direction: rtl;
        text-align: right;
		font-family:IRANSans;
		display: none;
    }
    
    span.nextTitle {
        position: absolute;
        right: 10px;
        color: #fff;
        top: 270px;
        bottom: 0;
        display: inline-flex;
        align-items: center;
        width: 250px;
        text-align: center;
        line-height: 24px;
        direction: rtl;
        text-align: left;
		font-family:IRANSans;
		display: none;
    }
    /* =========================Responsive======================================= */
    
    @media only screen and (min-width: 1250px) {
        .slider-rotate__container {
        /*    margin-left: 5%;*/
          background-image: url(/ImageGallery/Tmp_Template/2022-MainTempFava_Copy77/image/corner.png),url(/ImageGallery/Tmp_Template/2022-MainTempFava_Copy77/image/leftcorner.png);
        background-position: top right,bottom left;
        background-repeat: no-repeat;
        background-size: 30px;
        }
    }
    
    @media only screen and (max-width: 1200px) {
        .slider-rotate__item {
            background-size: 100% 95%;
        }
        h2.responsivGallery-name {
            color: #000;
            font-size: 11px;
            direction: rtl;
            font-weight: bold;
            text-align: center;
            line-height: 24px;
            margin: 10px auto 0px auto;
			font-family:IRANSans;
        }
        p.responsivGallery-position {
            font-size: 10px;
            margin: 5px 0 0 0;
			font-family:IRANSans;
        }
    }
    
    @media only screen and (max-width: 1060px) {
        .slider-rotate__item,
        .slider-rotate__item {
            background-size: 100% 90%;
        }
    }
    
    @media only screen and (max-width: 991px) {
        span.prevTitle {
            display: none;
			font-family:IRANSans;
        }
        span.nextTitle {
            display: none;
			font-family:IRANSans;
        }
    }
    
    @media only screen and (max-width: 840px) {
        .slider-rotate__item {
            width: 50%;
        }
        .responsivGallery-pic {
            width: 100%;
        }
    }
    
    @media only screen and (max-width: 740px) {
        .slider-rotate__item,
        .slider-rotate__item.slider-rotate__item--active {
            width: 55%;
        }
		.box-news {
			padding: 5px;
			margin: 5px;
			border-right: 1px solid #fff; 
			border-left: 1px solid #fff; 
		}
		img.responsivGallery-pic {
			aspect-ratio: 3/2;
			height: auto !important;
		}
		.slider-rotate__container {
			aspect-ratio: 3/2;
			height: auto !important;
		}
		.slider-rotate__container .slider-rotate__arrow {
            width: 15px;
        }
		.w-responsivGallery-info{display:none;}
    }
    
    @media only screen and (max-width: 640px) {
        .slider-rotate__item,
        .slider-rotate__item.slider-rotate__item--active {
            width: 65%;
        }
        .slider-rotate__item {
            background: url(/Portals/0/skins/tmictotehran1399/images/bg-news-responsive.png) no-repeat;
            background-size: 100% 100%;
        }
		
    }
    
    @media only screen and (max-width: 500px) {
        .slider-rotate__item,
        .slider-rotate__item.slider-rotate__item--active {
            width: 75%;
        }
    }
    
    @media only screen and (max-width: 420px) {
        .slider-rotate__container {
            width: 100%;
        }
        .slider-rotate__item.slider-rotate__item--active {
            width: 100%;
        }
        .slider-rotate__item>img {
            width: 100%;
        }
        .box-nav {
            bottom: auto;
            top: 50%;
            z-index: 6;
			width: 85%;
        }
        .slider-rotate__container .slider-rotate__arrow.slider-rotate__arrow--right {
            background: transparent url(/ImageGallery/FCKUploadedImages/1/image/images_2024/vector-slider-button.png) center center no-repeat;
			background-size:100%;
        }
        .slider-rotate__container .slider-rotate__arrow.slider-rotate__arrow--left {
            background: transparent  url(/ImageGallery/FCKUploadedImages/1/image/images_2024/vector-slider-button.png) center center no-repeat;
			transform: rotate(180deg);
			background-size:100%;
        }
    } 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
