﻿.img_
{
    position:relative ;
    z-index:9999;
}
.jssor-slider-bar
{
    width:100%;
	width:100vw;
	min-height:10px;
	overflow:hidden;
	margin:85px -50vw 10px -50vw;
    position:relative;
    left:50%;
    right:50%;
    background:url("../images/header.jpg")no-repeat center center;
    background-size:100% 100%;
}
.jssor-slider
{
    width:1920px;
    height:670px;
    margin:auto;
    overflow:hidden;
    position:relative;
}
.jssor-loading
{
    position:absolute;
    top:0px;
    left:0px;
}
.jssor-loading > div:first-child
{
    width:100%;
    height:100%;
    background-color:#000000;
    display:block;
    position:absolute;
    top:0px;
    left:0px;
}
.jssor-loading > div:last-child
{
    width:100%;
    height:100%;
    background:url("../Images/loading-jssor.gif") no-repeat center center;
    display:block;
    position:absolute;
    top:0px;
    left:0px;
}
.jssor-slides
{
    width:1920px;
    height:670px;
    overflow:hidden;
    position:absolute;
    top:0px;
    left:0px;
}
.jssor-slides a
{
    text-decoration:none;
}
.jssor-slides-logo
{
    width:100%;
    height:192px;
    text-align:center;
    position:relative;
    top:35%;
    left:0px;
}
.jssor-slides-logo img
{
    width:128px;
    height:128px;
    margin:0px;
    padding:0px;
    border:0px;
}

    

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.jssor-navigator
{
	text-align:center;
	position:absolute;
	bottom:20px;
}
.jssor-navigator div,.jssor-navigator div:hover,.jssor-navigator .av
{
	width:16px;
	height:16px;
	background:url("../Images/jssor-dots.png") no-repeat;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
}
.jssor-navigator div
{
	width:16px;
	height:16px;
	background-position:-7px -7px;
}
.jssor-navigator div:hover,.jssor-navigator .av:hover
{
	background-position:-37px -7px;
}
.jssor-navigator .av
{
	background-position:-67px -7px;
}
.jssor-navigator .dn,.jssor-navigator .dn:hover
{
	background-position:-97px -7px;
}
.jssor-arrow-left
{
	width:40px;
	height:58px;
	background:url("../Images/jssor-arrow.png") center center no-repeat;
	background-position:-10px -31px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	top:0px;
	left:12px;
}
.jssor-arrow-left:hover
{
	background-position:-130px -31px;
}
.jssor-arrow-right
{
	width:40px;
	height:58px;
	background:url("../Images/jssor-arrow.png") center center no-repeat;
	background-position:-70px -31px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	top:0px;
	right:12px;
}
.jssor-arrow-right:hover
{
	background-position:-190px -31px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.jssor-slides-text {
    width: 450px;
    height: 50px;
    font-family: IRANSansFa;
    font-size: 44px;
    line-height: 50px;
    position: absolute;
    top: 160px;
    text-align: center;
    z-index:999999;
}

.jssor-slides-text2 {
    direction:rtl;
    width: 450px;
    height: 150px;
    font-family: IRANSansFa;
    font-size: 16px;
    position: absolute;
    top: 260px;
    z-index:999999;
}
.jssor-slides-text3 {
    width: 150px;
    height: 150px;
    font-family: IRANSansFa;
    font-size: 16px;
    position: absolute;
    top: 350px;
    z-index:999999;
}

.jssor-slides-button-1 {
    width: 150px;
    height: 50px;
    line-height : 50px;
    font-family: IRANSansFa;
    font-size: 20px;
    position: absolute;
    top: 40px;
    text-align: right;
    text-align:center;
}


.jssor-slides-button-2 {
    width: 186px;
    height: 50px;
    font-family: IRANSansFa;
    font-size: 24px;
    position: absolute;
    top: 40px;
    right: 350px;
    text-align: right;
    background-color: #ff0000;
}

.slider-image-box {
    position: absolute;
    width: 28%;
    height:auto;
    top: 8%;
    right: 10%;
    /*transform: translateY(-50%);*/
    background-size: cover;
    background-color:#000000;
}
.slider-image-box  img
{
    width:100%;
    height:auto;
}
.slider-image-mask {
    -webkit-mask-image: url("../svg/sample-new.svg");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	-webkit-mask-position: center center;
}