/* VPN Index*/
.div-vpn {
  position: relative;
  background-color: #36324d;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  color: white;
  border: none;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
}
/* VPN Shapes */
.vpnimg1 {
    width: 650px;
    height: 650px;
	margin-top: 10px;
	margin-bottom:25px;
	margin-left: 10px;
}

/*inactive*/
.inactive{
  position: absolute;
  top: 50%;
  left: 24.5%;
  margin:0;
  padding: 5px 5px;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  background:red;
  width: 300px;
  height:27px;
  direction:rtl;
  text-align: center;
  color:white;
  font-family: iransansx;
  font-size: 25px;
  font-weight: bold;
  border: 2px solid white;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  rotate:-25deg;
}
/*shapes txts & img*/
.txt-1 {
  position: absolute;
  left:25%;
  top:40%;
  margin:0;
  padding:0;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  color:white;
  font-family: pf;
  font-size:24px;
}
.txt-2 {
  position: absolute;
  left:25%;
  top:51%;
  margin:0;
  padding:0;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  direction: rtl;
  text-align: center;
  color: #b6b6b6;
  font-family: iransansx;
  font-size:16px;
  line-height: 0.7cm;
}
.txt-3 {
  position: absolute;
  left:345px;
  top:65%;
  margin:0;
  padding:0;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  direction: rtl;
  color: white;
  font-family: iransansx;
  font-size:18px;
  line-height: 1.0cm;
}


.txt-4 {
  position: absolute;
  left:74%;
  top:42%;
  margin:0;
  padding:0;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  color:white;
  font-family: pf;
  font-size:24px;
}
.txt-5 {
  position: absolute;
  left:74%;
  top:51%;
  margin:0;
  padding:0;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  direction: rtl;
  text-align: center;
  color: #b6b6b6;
  font-family: iransansx;
  font-size:16px;
  line-height: 0.7cm;
}
.txt-6 {
  position: absolute;
  left:75%;
  top:66%;
  margin:0;
  padding:0;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  direction: rtl;
  color: white;
  font-family: iransansx;
  font-size:18px;
  line-height: 1.0cm;
}


.vpn-img1 {
  position: absolute;
  left:25%;
  top:28%;
  margin:0;
  padding:0;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  border: 4px solid rgba(248,171,72,1);
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
}

.vpn-img2 {
  position: absolute;
  left:74.5%;
  top:28.5%;
  margin:0;
  padding:0;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
}

/*btn*/
.button-v2ray {
    position: absolute;

	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);

    width: 180px;
    height: 20px;
    color: white;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    transition-duration: 0.6s;
    cursor: pointer;
    font-family: iransansx;
    border: auto;
    border-top-left-radius:35px;
    border-top-right-radius:35px;
    border-bottom-left-radius:35px;
    border-bottom-right-radius:35px;
}


/* index button exv2r*/
.button6 {
    top: 80%;
	left: 25%;
    background: transparent;
    border: 2px solid white;
    color: white;
}
.button6:hover {
    background: linear-gradient(90deg, rgba(248,171,72,1) 0%, rgba(255,219,69,1) 100%);
    border: none;
    color: black;
}

/* index button randv2r*/
.button7 {
    top: 80%;
	left: 74.5%;
    background: transparent;
    border: 2px solid white;
    color: white;
}
.button7:hover {
    background: linear-gradient(90deg, rgba(80,213,255,1) 0%, rgba(0,127,255,1) 100%);
    border: none;
    color: black;
}